textContent、innerText和innerHTML都是用来访问和设置元素内容的属性。
- textContent：textConent返回元素的所有文本内容，包括子元素中的文本。可以用来获取或设置一个元素的文本内容。
例子：
let element = document.getElementById("example");
console.log(element.textContent); // 获取元素的文本内容
element.textContent = "这是新的文本内容"; // 设置元素的文本内容
- innerText：innerText返回元素的可见文本内容，不包括隐藏的元素和样式的文本。可以用来获取或设置一个元素的可见文本内容。
例子：
let element = document.getElementById("example");
console.log(element.innerText); // 获取元素的可见文本内容
element.innerText = "这是新的可见文本内容"; // 设置元素的可见文本内容
- innerHTML：innerHTML返回元素的所有HTML内容，包括标签和文本。可以用来获取或设置一个元素的HTML内容。
例子：
let element = document.getElementById("example");
console.log(element.innerHTML); // 获取元素的HTML内容
element.innerHTML = "<p>这是新的HTML内容</p>"; // 设置元素的HTML内容
总结：textContent用于获取和设置元素的文本内容，innerText用于获取和设置元素的可见文本内容，innerHTML用于获取和设置元素的HTML内容。根据需要选择合适的属性来操作元素内容。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 55@qq.com 举报，一经查实，本站将立刻删除。转转请注明出处：https://www.szhjjp.com/n/882292.html
