html中两种获取标签内的值的方法介绍_获取html标签的属性值

作者：不正经 | 2024-02-18 21:21:05

踩

获取html标签的属性值

本文主要介绍了html中两种获取标签内的值的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着微点阅读小编来一起学习学习吧！

使用的javascript获取，所以肯定是包含在< script >标签里的，也需要引入jquery

标签示例：

1	`<input` `id="goodsCount"` `type="text"` `size="2"` `readonly="readonly"` `class="num-text"` `value="#{num}">`

获取其中value的值：

//$("#goodsCount")，括号内的值为id选择器，对应着标签的id

//使用.val()，可以获取该value的值

$("#goodsCount").val();

//如果需要传值进去，在括号内写入需要传入的值即可，就如下

$("#goodsCount").val(json.data);

标签示例：

1	`<span` `id="goodsPrice">#{singlePrice}</span>`

获取标签中间的值：

//使用id选择器可以获取上上述标签中的#{singlePrice}

//class选择器应该也可以，但我没试过

let price = $("#goodsPrice").html();

//如果需要传值进去，在括号内写入需要传入的值即可，就如下

$("#goodsPrice").html(totalPrice)；

到此这篇关于html中两种获取标签内的值的方法的文章就介绍到这了,希望对你有所帮助。

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】