当前位置:Gxlcms > JavaScript > JavaScript中如何遍历和修改dom实例详解

JavaScript中如何遍历和修改dom实例详解

时间:2021-07-01 10:21:17 帮助过:18人阅读

遍历DOM

我们可以写个函数,用来遍历DOM


修改节点
下面来看看DOM节点的修改。
先获取要改变的节点。


非常容易更改这个元素的属性。我们可以更改innerHTML.


因为innerHTML可以写入html,所以我们来修改html。


em标签已经成为dom树的一部分了。我们可以测试一下


我们也可以通过nodeValue来改变值。


修改样式
大部分修改节点可能都是修改样式。元素节点有style属性用来修改样式。style的属性和css属性是一一对应的。如下代码


CSS属性很多都有破折号("-"),如padding-top,这在javascript中是不合法的。这样的话一定要省略波折号并把第二个词的开头字母大写,规范如下。 margin-left变为marginLeft。依此类推


我们还可以修改其他的属性,无论这些属性是否被初始化。



以上就是JavaScript中如何遍历和修改dom实例详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行