javascript設置文本內容的方法:首先使用“document.getElementById("id值")”語句獲取文本元素對象;然后使用“文本元素對象.innerHTML='文本內容值';”語句即可設置。
本教程操作環(huán)境:windows7系統、javascript1.8.5版、Dell G3電腦。
javascript設置元素文本內容
步驟:
-
查找元素
-
使用innerHTML設置內容
示例:
<body> <p id="demo"></p> <script type="text/javascript"> var x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 設置內容 </script> </body>
輸出:
說明:
innerHTML 屬性設置或返回表格行的開始和結束標簽之間的 HTML。
語法
tablerowObject.innerHTML=HTML
查找元素的方法:
1.根據id獲取元素
document.getElementById("id屬性的值");
2.根據標簽名字獲取元素
document.getElementsByTagName("標簽的名字");
3.根據name屬性的值獲取元素
document.getElementsByName("name屬性的值");
4.根據class屬性獲取元素
document.getElementsByClassName("類樣式的名字");
5.根據css路徑獲取元素 (獲取一個)
document.querySelector("css路徑");
6.根據css路徑獲取元素 (獲取一組)
document.querySelectorAll("css路徑");
【推薦學習:javascript高級教程】