方法名
|
作用
|
element.innerHTML
|
设置或返回元素的内容。
|
element.innerText
|
设置或返回元素的文本内容。
|
element.tagName
|
返回元素的标签名。
|
示例代码:
var box = document.getElementById('box');
box.innerHTML = '我是文本<p>我会生成为标签</p>';
console.log(box.innerHTML);
box.innerText = '我是文本<p>我不会生成为标签</p>';
console.log(box.innerText);
innerText
和
innerHTML
的区别:
- innerText只能获取到文本内容,标签不会被获取; innerHTML获取到所有的内容,包含标签。
- innerText设置的内容会被浏览器认为是纯文本;innerHTML设置的内容会被浏览器认为是HTML文本,如果存在标签会被解析;