html中两种获取标签内的值的方法

欧阳锋

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

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

标签示例：

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

复制代码

获取其中value的值：

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

复制代码

获取标签中间的值

标签示例：

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

复制代码

获取标签中间的值：

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

复制代码

到此这篇关于html中两种获取标签内的值的方法的文章就介绍到这了,更多相关html获取标签值内容请搜索锦尚中国以前的文章或继续浏览下面的相关文章，希望大家以后多多支持锦尚中国！