首页 > Web开发 > 详细

value,innerHTML,innerText,textContent属性

时间:2016-10-30 00:35:12      阅读:263      评论:0      收藏:0      [点我收藏+]
value是带有value属性的标签拥有的值。一般是单闭合标签的属性。(可赋值,也可获取值)
innerHTML属性,双闭合标签两个标签之间的内容。(识别标签)(可赋值,也可获取值)
innerText属性,双闭合标签两个标签之间的内容。(不识别标签)(可赋值,也可获取值)
textContent属性和innerText类似,老版本的火狐支持该属性(无老版本,未打印)。(可赋值,也可获取值)

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <input id="inp" type="text" value="我是value属性获取的值"/>
    <div id="box">
        <ul>
            <li>我是innerHTML属性获取的值</li>
        </ul>
        hello
    </div>
    <div id="box2">
        <ul>
            <li>我是innerText属性获取的值</li>
        </ul>
        hello
    </div>
    <script>
       
        console.log(document.getElementById("inp").value)

        
        console.log(document.getElementById("box").innerHTML);
        //document.getElementById("box").innerHTML = "<li>我是赋值的li</li>";
  
      
        console.log(document.getElementById("box2").innerText);
        
    </script>
</body>
</html>

 

 

 

value,innerHTML,innerText,textContent属性

原文:http://www.cnblogs.com/weinqing/p/6012158.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!