js中getComputedStyle()与currentStyle()、style()方法的区别

2021-02-10 05:20

阅读：482

标签：补充 htm 设置方法 style ret type getc 浏览器

1. obj.style：这个方法只能获取行内样式写在style属性中的值（style=”…”），而无法获取定义在里面的属性。

2.obj.currentStyle和getComputedStyle 方法相同，但obj.currentStyle只能用于IE浏览器

getAttribute()用以获取HTML元素的属性（如id，name，type以及其他自定义属性）

style对象的属性（如background，color，border等等）用以设置元素的样式

3.getComputedStyle和currentStyle只能获取属性值，无法设置属性。如果想设置属性值，可是使用ob.style.attr.

最后补充一点（获取非行内样式的兼容写法）

function getStyle(obj, attr) {

if (obj.currentStyle) {

return obj.currentStyle[attr];

} else {

return getComputedStyle(obj, false)[attr];

}

如果文字内容比较难以理解，可参考下图表格：

技术图片

js中getComputedStyle()与currentStyle()、style()方法的区别

标签：补充 htm 设置方法 style ret type getc 浏览器

原文地址：https://www.cnblogs.com/bwnnxxx123/p/13053093.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：js中getComputedStyle()与currentStyle()、style()方法的区别
文章链接：http://soscw.com/index.php/essay/53434.html

亲，登录后才可以留言！