JavaScript操作标签内容

方法名	作用
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文本，如果存在标签会被解析;