value、innerText、innnerHTML、val()、text()、html()的区别？_.val()和innertext

作者：小小林熬夜学编程 | 2024-02-18 21:33:57

踩

.val()和innertext

六者的区别：

value、innerText、innnerHTML它们不是方法，而是JavaScript中的属性；而val()、text()、html()是jQuery中封装好的方法。
val()对应value，它们是用来获取或者设置表单字段的值。
text()对应innerText，它们是用来获取或者设置所选标签的文本内容。
html()对应innerHTML，它们是用来获取或设置所选标签的所有内容，包括文本内容以及嵌套在其内部的html标签。

实例：

<body>
    <form action="" method="get">
        姓名：<input type="text" id="name" value="小强"><br>
    </form>
    <div id="other">
        <a href="">hello啊</a>
    </div>
</body>
<script type="text/javascript">
    var info1 = document.getElementById("name").innerText; //<empty string>
    var info2 = document.getElementById("name").innerHTML; //<empty string>
    var info3 = document.getElementById("name").value; //小强
    var info4 = document.getElementById("other").innerText; //hello啊
    var info5 = document.getElementById("other").innerHTML; //<a href="">hello啊</a>
    var info6 = document.getElementById("other").value; //undefined
    console.log(info6); 
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/110710