盘点html中获取标签内的值的2种方法

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

获取标签中value的值

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

标签示例：

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

获取其中value的值：

1 2 3 4 5 6

//$("#goodsCount")，括号内的值为id选择器，对应着标签的id //使用.val()，可以获取该value的值 $("#goodsCount").val(); //如果需要传值进去，在括号内写入需要传入的值即可，就如下 $("#goodsCount").val(json.data);

获取标签中间的值

标签示例：

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

获取标签中间的值：

1 2 3 4 5 6

//使用id选择器可以获取上上述标签中的#{singlePrice} //class选择器应该也可以，但我没试过 let price = $("#goodsPrice").html(); //如果需要传值进去，在括号内写入需要传入的值即可，就如下 $("#goodsPrice").html(totalPrice)；

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

来源：微点阅读  https://www.weidianyuedu.com