textContent 是 DOM 元素的一个规定好的标准属性,不是自定义的。
什么是 textContent
textContent 是所有 DOM 元素都具备的内置属性,用于获取或设置元素内部的所有文本内容(包括所有子元素的文本)。
主要特点
标准属性:属于 W3C DOM 标准的一部分,所有现代浏览器都支持
获取文本:返回元素内所有文本节点的连接值
设置文本:可以设置元素的文本内容,会自动处理 HTML 转义
与 innerText 的区别
// 假设 HTML 为 <div id="test">Hello <span>World</span></div>
const element = document.getElementById('test');
console.log(element.textContent); // 输出: "Hello World"
console.log(element.innerText); // 输出: "Hello World"(在大多数情况下)在拖拽代码中的作用
在您之前的代码中:
dest1.textContent += text;
这行代码的作用是:
将从拖拽数据中获取的文本内容追加到目标元素
dest1的文本内容末尾textContent确保了文本内容被正确地添加到元素中,而不会被当作 HTML 解析
textContent 属性是浏览器 DOM API 的一部分,是开发者可以信赖的标准特性。