javaｓｃｒｉｐｔ操作HTML元素和样式的方法的详细解决方案

html DOM元素（节点）

创建一个新的HTML元素

如果需要向HTML DOM中添加新元素，则必须首先创建元素（元素节点），然后将元素添加到现有元素中。

例子
这是一段话。
这是另一段。
VaR对= document.createelement（P）；
var node = document.createtextnode（这是新的。）；
Para.appendChild (node);

VaR元= document.getelementbyid（联赛）；
element.appendchild（对）；

实例解析：

代码的这一部分创建新元素：

VaR对= document.createelement（P）；

如果需要向某个元素添加文本，则必须首先创建一个文本节点：

var node = document.createtextnode（这是一个新的段落。）；

然后您必须将这个文本节点添加到元素中：

para.appendchild（节点）；

最后，必须将这个新元素添加到现有元素中。

此段代码查找现有元素：

VaR元= document.getelementbyid（联赛）；

下面的代码向现有元素添加一个新元素：

element.appendchild（对）；
删除现有HTML元素

此代码向现有元素添加新元素：

例子
这是一段话。
这是另一段。
VaR母= document.getelementbyid（联赛）；
VaR的孩子= document.getelementbyid（P1）；
parent.removechild（孩子）；

案例分析

这个HTML文档包含有两个子节点的元素（两个元素）：
这是一段话。
这是另一段。

找到id =DIV1 元素：

VaR母= document.getelementbyid（联赛）；

查找id的元素：

VaR的孩子= document.getelementbyid（P1）；

从父元素中删除子元素：

parent.removechild（孩子）；
如果LAMP可以不引用父元素而删除元素，那就好了。

但这是一个pity.dom需要大约需要删除的元素，以及它的父元素。

这是一种常见的解决方案：找到你要删除的子元素，然后使用他们的父节点属性找到父元素：

VaR的孩子= document.getelementbyid（P1）；
child.parentnode.removechild（孩子）；
更改桌面

HTML DOM允许Javaｓｃｒｉｐｔ改变HTML元素的样式。

更改html样式

如果需要更改HTML元素的样式，请使用此语法：

document.getelementbyid（ID）。风格属性=新风格。

下面的示例将更改元素的样式：

例子

你好世界！
document.getelementbyid（P2）。风格。颜色=蓝色；
上面的段落被一个脚本改变了。

此示例更改ID =ID1HTML元素的样式，当用户点击按钮：

例子
我的标题1
<按钮类型按钮
onclick=document.getelementbyid（'id1）。风格。颜色='>
点击我！