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

织梦狗教程前端开发

2022-09-21

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

获取标签中value的值

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

标签示例：


<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);

获取标签中间的值

标签示例：


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

获取标签中间的值：


//使用id选择器可以获取上上述标签中的#{singlePrice}
//class选择器应该也可以，但我没试过
let price = $("#goodsPrice").html();

//如果需要传值进去，在括号内写入需要传入的值即可，就如下
$("#goodsPrice").html(totalPrice)；

到此这篇关于html中两种获取标签内的值的方法的文章就介绍到这了,更多相关html获取标签值内容请搜索编程学习网以前的文章，希望大家以后多多支持编程学习网！

织梦狗教程

本文标题为：html中两种获取标签内的值的方法