如何在js中使用textContent、innerText和innerHTML（innerHTML text content）

TextContent、innerText和innerHTML都是用于访问和设置元素内容的属性。

TextContent:textConent返回元素的所有文本内容，包括子元素中的文本。可用于获取或设置元素的文本内容。

示例:

let element = document . getelementbyid（& quot；示例& quot);
console . log（element . text content）；//获取元素的文本内容
element.textContent = & quot这是新的文本内容”；//设置元素的文本内容。

InnerText:innerText返回元素的可见文本内容，不包括隐藏元素和样式文本。可用于获取或设置元素的可见文本内容。

示例:

let element = document . getelementbyid（& quot；示例& quot);
console . log（element . inner text）；//获取元素的可见文本内容
element.innerText = & quot这是新的可见文本内容”；//设置元素的可见文本内容。

InnerHTML:innerHTML返回元素的所有HTML内容，包括标签和文本。可用于获取或设置元素的HTML内容。

示例:

let element = document . getelementbyid（& quot；示例& quot);
console . log（element . innerhtml）；//获取元素的HTML内容
element.innerHTML = & quot& ltp & gt这是新的HTML内容

以上内容来自互联网，不代表本站全部观点！欢迎关注我们:zhujipindao。com