从类中获取内部 HTML

Get InnerHTML from Class

本文关键字：内部 HTML 获取      更新时间：2023-09-26
    <div class="quantity-selector">
    <span class="quantity-element decrease_qty">-</span>
    <span class="quantity-element quantity-digit">1</span>
    <input type="hidden" value="1" name="quantity">
    <span class="quantity-element increase_qty">+</span>
    </div>

尝试从"数量-元素数量-数字"类中获取 innerhtml

如果你想要一个非jQuery的方法，这将适用于IE8及更高版本(当然在任何其他现代浏览器中(：

var html = document.querySelector(".quantity-element.quantity-digit").innerHTML;

HTML：

<div class="quantity-selector">
    <span class="quantity-element decrease_qty">-</span>
    <span class="quantity-element quantity-digit">Hi user3142655</span>
    <input type="hidden" value="1" name="quantity">
    <span class="quantity-element increase_qty">+</span>
</div>

JavaScript：

console.log (document.getElementsByClassName("quantity-element quantity-digit")[0].innerHTML);

当你标记了jQuery时，试试这个：

var innerHtml = $('.quantity-element.quantity-digit').html(); // = 1


// with querySelector in Javascript 
console.log(document.querySelector(".quantity-element.quantity-digit").innerHTML);
// with Jquery
console.log($('.quantity-element.quantity-digit').html());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="quantity-selector">
    <span class="quantity-element decrease_qty">-</span>
    <span class="quantity-element quantity-digit">1</span>
    <input type="hidden" value="1" name="quantity">
    <span class="quantity-element increase_qty">+</span>
</div>

相关文章：