六者的区别:
- 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;
var info2 = document.getElementById("name").innerHTML;
var info3 = document.getElementById("name").value;
var info4 = document.getElementById("other").innerText;
var info5 = document.getElementById("other").innerHTML;
var info6 = document.getElementById("other").value;
console.log(info6);
</script>