您的位置：首页 > 产品设计 > UI/UE

innerHTML , Value 和 val() 的区别

2018-02-14 12:31 225 查看

innerHTML：是html中的DOM节点的一个属性。使用该方法可以获取元素的内容，然后在对其进行操作（改变）。
value：获取的是html中标签的值属性值。
val（）：是jQuery中返回元素的值，类似值。

<body>
<div id="block">区域块</div>
<input id="test" type="button" onclick="getValue()" value="获取值">
</body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
function getValue(){
//innerHTML
var inValue = document.getElementById("block").innerHTML;
alert("div 的 innerHTML 是： " + inValue);
//value
var value = document.getElementById("test").value;
alert("input 的 value 是： " + value);
//val()
var val = $('#test').val();
alert("input 的 val() 是： " + val);
};
</script>

这段代码点击按钮的结果是：

div的innerHTML是：区域块

输入的值是：获取值

输入的val（）是：获取值

因此：
innerHTML是获取dom节点的开始和结束标签之间的HTML;
值是获取标签的值属性值;
val（）跟值一样，只不过是JQuery的写法。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航