码迷,mamicode.com
首页 > Web开发 > 详细

value,innerHTML,innerText,textContent属性

时间:2016-10-30 00:35:46      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:val   tco   body   code   script   log   data-   font   style   

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属性

标签:val   tco   body   code   script   log   data-   font   style   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!