value,innerHTML,innerText,textContent屬性

來源:互聯網
上載者:User

標籤:val   tco   body   code   script   log   data-   font   style   

value是帶有value屬性的標籤擁有的值。一般是單閉合標籤的屬性。(可賦值,也可擷取值)
innerHTML 屬性,雙閉合標籤兩個標籤之間的內容。(識別標籤)(可賦值,也可擷取值)
innerText屬性,雙閉合標籤兩個標籤之間的內容。(不識別標籤)(可賦值,也可擷取值)
textContent屬性和innerText類似,老版本的Firefox支援該屬性(無老版本,未列印)。(可賦值,也可擷取值)

<!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屬性

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.