Obtenir la valeur de l'élément à l'aide de javascript par son nom de classe
salut tout le monde j'ai un élément comme ceci :
<div class="price-box">
<span class="regular-price" id="product-price-27">
<span class="price">
...
</span>
</span>
</div>
<input type="text" name="qty" id="qty" maxlength="12" value="1" title="Qty" class="input-text qty" />
j'ai essayé d'obtenir la valeur à l'aide de cette ligne
document.getElementByClassName('input-text qty').value="myvalue"
mais cela ne fonctionne pas
comment puis-je obtenir la valeur sans jquery?
note : j'ai inclus prototype.js dans mon projet !
qu'en est trop :
<button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>Add to Cart</span></span></button>
Je veux le désactiver à l'aide de Javascript et par son nom de classe !!!?
OriginalL'auteur Souf | 2014-03-24
Vous devez vous connecter pour publier un commentaire.
Vous pourriez être à la recherche pour
querySelector
:Cela renvoie d'un seul élément, plutôt que d'une NodeList. Si vous souhaitez une NodeList au lieu de cela, utiliser l'alternative
querySelectorAll
. Gardez à l'esprit que ces méthodes prennent Les Sélecteurs CSS. Les sélecteurs vous pouvez utiliser sont limitées pour le navigateur de ce code est exécuté. Garder les choses simples.Ces deux méthodes ont une meilleure prise en charge du navigateur que
getElementsByClassName
, je vous encourage donc à les utiliser au lieu de prendre votre approche actuelle.Démo:
r u y voir la modifier s'il vous plaît !
travaillé !!!!!!!!!!!!!! avec trop d'espace
Je suis plus curieux à propos de l'animation de démonstration de jouer ici, puis de la question elle-même!
vous avez sauvé ma vie :-)))
OriginalL'auteur Sampson
Depuis que vous êtes à l'aide d'un Prototype dans la page, vous pouvez trouver cet élément à l'aide de la "double-dollar" méthode:
Comme d'autres l'ont souligné ci-dessus, cette fonction retourne un tableau de correspondance des éléments (ou un tableau vide, si vous n'avez pas quelque chose sur la page qui correspond). Donc, la façon la plus simple de faire quelque chose pour le résultat en est avec invoke():
ou
Tout du Prototype Élément méthodes peuvent être invoquées dans le présent. Si vous voulez faire quelque chose de personnalisé à l'élément(s) en fonction d'un attribut, vous pouvez utiliser chaque() au lieu de:
$$('.input-text.qty')[0].value
obtiendrait que - mais +1 pour plus de$$()
infoOriginalL'auteur Walter
Tout d'abord, ses
getElementsByClassName
(elements
est au pluriel) -- retourne un tableau d'éléments qui satisfont la condition. Vous devez spécifier l'index du tableau pour modifier les propriétés de l'élément:OriginalL'auteur tymeJV
Vous avez
id="qty"
donc, oubliezclass
, il suffit d'utiliserQui est le plus efficace.
Autres dom natif de méthodes comme le
getElementsByClassName/TagName
(note il y as
après Élément) retourne un tableau comme objetNodeList
.Vous devez utiliser les index ou d'une boucle pour y accéder.
OriginalL'auteur xdazz
Vous d'erreur, c'est que vous utilisez:
1)
getElementByClassName
au lieu degetElementsByClassName
2)
getElementsByClassName
retourne un tableau de sorte que vous devez obtenir [0] élémentDonc essayer celui-ci:
Démo
OriginalL'auteur Farkhat Mikhalko
getElementByClassName()
retourne un tableau d'éléments qui correspondent, de manière à accéder au premier élément du tableau d'utilisation0
index commeOu
Vous pouvez utiliser l'id(qté) depuis l'entrée de la balise, et de mettre la valeur de cette balise par
getElementById()
quelque chose commeOriginalL'auteur Suman Bogati