简述js设置页面上元素的css样式都有哪些方法,这些方法之间有什么区别
1个回答
关注
展开全部
亲亲您好~~很高兴为您解答~ js设置页面上元素的css样式都有1.直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有’-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style[‘text-alig...2.直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100); element.setAttribute('height', '100px');3.设置style的属性 element.setAttribute('style', 'height: 100px !important');
4.使用setProperty 如果要设置!important,推荐用这种方法设置第三个参数 element.style.setProperty('height', '300px', 'important');,这些方法的区别:1.CSS为网页表现、JS为网页行为。
2.CSS是用来修饰网页样式的,即美化HTML页面;而js可对页面的各种动态效果进行处理,是用来实现网页和人交互的功能。
咨询记录 · 回答于2022-05-06
简述js设置页面上元素的css样式都有哪些方法,这些方法之间有什么区别
亲您好,我是百度合作的金牌导师,我已经累计提供服务1w人,累计服务时长超过3000小时!您的问题我已经收到,解答需要一些时间,请您稍等一下,需要5分钟出结果,请不要结束咨询哦,您也可以提供更多有效信息,以便于我更好的为您解答哦~ 如果我的解答对您有所帮助,还请您给予赞,感谢
亲亲您好~~很高兴为您解答~ js设置页面上元素的css样式都有1.直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有’-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style[‘text-alig...2.直接设置属性(只能用于某些属性,相关样式会自动识别) element.setAttribute('height', 100); element.setAttribute('height', '100px');3.设置style的属性 element.setAttribute('style', 'height: 100px !important');4.使用setProperty 如果要设置!important,推荐用这种方法设置第三个参数 element.style.setProperty('height', '300px', 'important');,这些方法的区别:1.CSS为网页表现、JS为网页行为。2.CSS是用来修饰网页样式的,即美化HTML页面;而js可对页面的各种动态效果进行处理,是用来实现网页和人交互的功能。
希望我的解答对您有所帮助,还请给个赞(在左下角进行评价哦),期待您的赞,您的举手之劳对我很重要,您的支持也是我进步的动力。如果觉得我的解答还满意,可以点我头像一对一咨询。最后再次祝您身体健康,心情愉快!~