码迷,mamicode.com
首页 > 其他好文 > 详细

react项目中对dom元素样式修改的另一种方法以及将组件插入到node节点中

时间:2019-11-25 13:04:12      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:图片   操作dom   http   bsp   mda   性能   插入   style   获取   

在项目中,以前如果遇到对dom元素的操作都是直接获取dom元素,比如说:

技术图片

 

 

 但是如果修改的样式比较多的话,不如直接“切换”dom元素,如下例子:

技术图片

技术图片

 

技术图片

 

 

 

 这样会节省一些性能。因为操作dom的style是内联样式,css样式优先级:外部样式>内部样式>内联样式。

当然,不到万不得已,最好还是不要操作dom元素。

——————————————————————————————————————————————————————————————————————————————————————————————

 

技术图片

 

技术图片

 

 

 

 

 

 

 

react项目中对dom元素样式修改的另一种方法以及将组件插入到node节点中

标签:图片   操作dom   http   bsp   mda   性能   插入   style   获取   

原文地址:https://www.cnblogs.com/ayujun/p/11926828.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!