1、js中innerHTML的用法：
innerHTML可獲取或設置指定元素標簽內的 html內容，從該元素標簽的起始位置到終止位置的全部內容(包含html標簽)。
獲取元素的內容：element.innerHTML;
給元素設置內容：element.innerHTML =htmlString;
代碼示例為：
<p id="test"><font color="#000">獲取段落p的 innerHTML</font></p>
document.getElementById("test").innerHTML
輸出內容為:<font color="#000">獲取段落p的 innerHTML</font>
2、js中innerText的用法：
innerText可獲取或設置指定元素標簽內的文本值，從該元素標簽的起始位置到終止位置的全部文本內容(不包含html標簽)。
獲取元素的內容：element.innerText;
給元素設置內容：element.innerText = string;
代碼示例為：
<p id="test"><font color="#000">獲取段落p的 innerHTML</font>測試測試</p>
document.getElementById("test").innerHTML
輸出內容為:獲取段落p的 innerHTML試測試
3、innerHTML和innerText區別：
innerHTML返回的是標簽內的 html內容，包含html標簽。
innerText返回的是標簽內的文本值，不包含html標簽。
代碼示例為：
<p id="test"><font color="#000">獲取段落p</font>測試</p>
document.getElementById("test").innerHTML
輸出內容為：<font color="#000">獲取段落p</font>測試
document.getElementById("test").innerText
輸出內容為：獲取段落p測試
擴展資料：
1、javascript獲取節點文本值：
（1）原生js寫法 document.getElementById('test').innerHTML
（2）jQuery寫法 $('#test').html()
2、javascript獲取節點的方法：
（1）通過id的方式
document.getElementById("id")?
（2）通過類名查找元素，多個類名用空格分隔,得到壹個HTMLCollection(壹個元素集合，有length屬性，可以通過索引號訪問裏面的某壹個元素)
document.getElementsByClassName('a b')
（3）通過標簽名查找元素 返回壹個HTMLCollection
document.getElementsByTagName('div')
（4）通過name屬性查找，返回壹個NodeList(壹個節點集合，有length屬性，可以通過索引號訪問)
document.getElementsByName('c')
Javascript官方文檔-Element.innerHTML
Javascript官方文檔-HTMLElement.innerText