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）。风格。颜色='>
点击我！