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

js中innerText,value,innerHTML的区别

2016-01-13 01:02 519 查看
1:、innerHTML:
innerHTML 浏览器会将inneHTML后面的内容作为html来解析。

document.getElementById("myspan").innerHTML="<a href='http://www.sina.com'>到新浪</a> ";

2、innerText

innerText 浏览器会将innerText后面的内容作为纯文本来解析。

document.getElementById("myspan").innerText="<a href='http://www.sina.com'>到新浪</a> ";

3、value

value是元素的属性值,而innerText和innerHTML是元素开始和结束标签之间的值。

例如:

<html>

<head>

<script type="text/javascript">

function show(obj){

alert(obj.value);//输出value

}

function showD(obj){

alert(obj.innerText);//输出innerText

}

</script>

</head>

<body>

<div onclick="showD(this)">innerText</div>

<input type="button" value="value"onclick="show(this)"></input>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: