value，innerHTML，innerText，textContent属性

最新推荐文章于 2023-11-04 21:48:30 发布

weixin_30858241

最新推荐文章于 2023-11-04 21:48:30 发布

阅读量85

点赞数

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

版权

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>