首页 > 代码库 > value，innerHTML，innerText，textContent属性

value，innerHTML，innerText，textContent属性

2024-08-18 04:17:06   214人阅读

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="http://www.mamicode.com/我是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属性






























        

            
                
                  
                
                

                    联系

                    我们