191问答库 > js中 aaa.style 和 aaa.getAttribute 等价吗，有无区别

js中 aaa.style 和 aaa.getAttribute 等价吗，有无区别

2025-05-19 23:20:01

推荐回答（2个）

回答1：

javascript中的getAttribute() 和style的区别很明显：
getAttribute()是HTML DOM的一个方法，用以获取HTML元素的属性（如id，name，type以及其他自定义属性）。
style是HTML DOM的一个关于样式的对象，style对象的属性（如background，color，border等等）用以设置元素的样式。

示例如下：对于以下HTML结构，

示例DIV

如果要获取div的name属性值，可以使用
document.getElementById("test").getAttribute("name");

如果要获取DIV的样式如字体的颜色，可以使用
document.getElementById("test").style.color;

回答2：

javascript中的getAttribute() 和style的区别很明显： getAttribute()是HTML DOM的一个方法，用以获取HTML元素的属性（如id，name，type以及其他自定义属性）。 style是HTML DOM的一个关于样式的对象，style对象的属性（如background