JavaScript制DOM创建节点

秒速五厘米 2022-06-01 13:18 286阅读 0赞

上几篇文章中我们罗列了一些获取HTML页面DOM对象的方法,当我们获取到了这些对象之后,下一步将对这些对象进行更改,在适当的时候进行对象各属性的修改就形成了我们平时看到的动态效果。具体js中可以修改DOM对象的那些属性请参考下面代码片段和效果。

1、element.innerHTML

设置或返回元素的内容
20180124084113471.png
效果
20180124084138563.jpg
2、element.setAttribute()设置或者改变指定属性并指定值。
20180124084221898.png

效果
20180124084349175.jpg

3、element.setAttributeNode()

设置或改变属性节点
20180124084448744.png

效果
20180124084524771.jpg

4、element.style

设置或返回元素的样式属性
20180124084637959.png
效果
20180124084735960.jpg
以上就是本文内容,下期继续讲述JS之DOM技术。
推荐阅读上海尚学堂其他JS之DOM相关文章:
参考阅读:
JavaScript之DOM对象的获取(二)JS;
JavaScript之DOM对象的获取(一);
JavaScript之DOM获取节点

发表评论

表情:
评论列表 (有 0 条评论,286人围观)

还没有评论,来说两句吧...

相关阅读

    相关 JavaScriptDOM创建节点

    上几篇文章中我们罗列了一些获取HTML页面DOM对象的方法,当我们获取到了这些对象之后,下一步将对这些对象进行更改,在适当的时候进行对象各属性的修改就形成了我们平时看到的动态效

    相关 JavaScript DOM 删除子节点

    这些天一直在学习JavaScript,但由于工作繁忙,导致学习的兴致不高,一个对象都看了好几天视频,所以想以写博客的方式督促自己,希望能做到不管什么知识,每日一更。 一个元