首页 > Web开发 > 详细

js组成之dom_dom对象样式操作及运用

时间:2019-05-16 13:42:17      阅读:112      评论:0      收藏:0      [点我收藏+]

 技术分享图片

技术分享图片

技术分享图片

推荐做法还是

技术分享图片

 

1、dom对象的样式操作

   domObj.style.backgroundColor = ‘red‘;---设置或读取的都是行内样式

 技术分享图片

  技术分享图片

    2、动态创建元素及运用

    使用js的方式动态的创建元素---因为数据是动态的,所以不能写死在html里的

    技术分享图片

    ’技术分享图片    

     技术分享图片

    方式2:innerHTML

    技术分享图片

    优化:

    技术分享图片

    技术分享图片

 

    方式3:createElement---推荐写法

    技术分享图片技术分享图片

 

    案例:

    技术分享图片技术分享图片

    3、动态创建元素的性能对比

      1、输在了字符串拼接--耗费性能

     技术分享图片

      2、简单结构的标签及没有动态注册事件时可考虑

    技术分享图片

      3、比较复杂标签时,较推荐

    技术分享图片

 

     4、innerHTML的问题

    技术分享图片

 

 

     

js组成之dom_dom对象样式操作及运用

原文:https://www.cnblogs.com/yangyutian/p/10865301.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!