要将一个 DOM 对象添加到 <body> 中，可以使用 appendChild() 方法。
// 创建一个新的 div 元素
const newDiv = document.createElement('div');
// 将新创建的 div 添加到 body 中
document.body.appendChild(newDiv);
这段代码会在 <body> 的末尾添加一个新的 <div> 元素。
innerHTML 和 innerText 的区别：
-
innerHTML： 这是一个属性，用于获取或设置元素的 HTML 内容。设置innerHTML会解析字符串作为 HTML，并将其作为元素的内容插入到 DOM 中。例如：element.innerHTML = '<p>Hello</p>';会在元素内创建一个<p>元素，并设置其内容为 "Hello"。 -
innerText： 这也是一个属性，用于获取或设置元素的文本内容。innerText返回元素的文本内容，它会考虑 CSS 样式和隐藏元素，但不会返回隐藏元素的文本。相比之下，textContent会返回所有元素的文本内容，即使是隐藏的元素。
示例：
// 假设有一个 id 为 "myElement" 的元素
const element = document.getElementById('myElement');
// 设置 HTML 内容
element.innerHTML = '<p>Hello</p>'; // 在元素内创建一个 <p> 元素，内容为 "Hello"
// 设置文本内容
element.innerText = 'Goodbye'; // 设置元素的文本内容为 "Goodbye"
总结：innerHTML 用于操作元素的 HTML 内容，而 innerText 用于操作元素的纯文本内容，并且会考虑 CSS 样式和元素的可见性。
Was this helpful?
0 / 0