使用javascript按类名获取元素的值

Question

大家好,我有这样一个元素:

<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" />

我试图用这条线获得价值

document.getElementByClassName('input-text qty').value="myvalue"

但那没用

如何在没有jquery的情况下获取值？注意:我在项目中包含了prototype.js!

这个怎么样:

<button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>Add to Cart</span></span></button>

我想用Javascript和它的类名!!!来禁用它？

Answer 1

您可能正在寻找querySelector:

document.querySelector( ".input-text.qty" );

这将返回单个项目,而不是NodeList.如果您想要NodeList,请使用替代方案querySelectorAll.请记住,这些方法采用CSS选择器.您可以使用的选择器仅限于执行此代码的浏览器.保持简单.

这两种方法比浏览器支持更好getElementsByClassName,因此我鼓励您使用它们而不是采用当前的方法.

演示: