📌  相关文章
📜  x.innerHTML += document.body.appendChild(x); x.style.width="100px"; - Javascript(1)

📅  最后修改于: 2023-12-03 15:35:46.077000             🧑  作者: Mango

介绍 Javascript 中的 x.innerHTML += document.body.appendChild(x); x.style.width="100px";

代码功能

这段 JavaScript 代码的作用是将某个元素(x)添加到文档主体中,并且在添加后将其宽度设置为 100 像素。

代码说明
document.body.appendChild() 方法

这个方法用于往 HTML 文档中追加一个新的子元素。在这里,我们将 x 元素追加到文档主体中,也就是添加到页面正文上。

x.style.width 属性

这个属性用于设置元素的宽度。在本例中,我们将 x 元素的宽度设置为 100 像素。

x.innerHTML 属性

这个属性用于获取或设置元素的 HTML 内容。在本例中,我们使用 += 运算符将一个 HTML 元素添加到了 x 元素的内容中。

代码示例
var x = document.createElement("div");
x.innerHTML += "<p>Hello World!</p>";
document.body.appendChild(x);
x.style.width = "100px";

结果就是,在页面上添加了一个宽度为 100 像素的 div 元素,并且其中包含了一个 p 元素,其文本内容为 "Hello World!"。