javascript中的getAttribute() 和style的区别：
1、getAttribute()是HTML DOM的一个方法，用以获取HTML元素的属性（如id，name，type以及其他自定义属性）。
2、而style是HTML DOM的一个关于样式的对象，style对象的属性（如background，color，border等等）用以设置元素的样式。
var 变量=html的对象.getAttribute("属性名")；
var 变量=html对象.style.属性名
html的对象.setAttribute("属性名","属性值")；
html对象.style.属性名="属性值"
可以使用字符串拼接的方式，用setAttribute方法，将原有属性（如果有的话），与想要设置的属性变量拼接到一起。节点.setAttribute("style",原有属性+属性名变量+":"+ 属性值+"")
1、实际作用不同。
js style.display是清除屏幕显示样式，使用默认值。style.display="none" ，none是指代某一个代码，将这个代码进行隐藏，并没有删除操作。
2、用法不同。
js style.display使网页代码上显示的内容彻底删除消失，不为保留任何隐藏空间。style.display="none" 是会为其保留隐藏空间，等待其他代码读取写入。
扩展资料：
网页中某个代码中的元素有{display: none}的样式的话，标签上相对应的的图片会被该none请求加载，但是不会被none进行渲染。代码中的隐藏信息也会被代码中的元素进行读取，并占有一定的隐藏空间。
如果上一级元素有{display: none}的样式的话，那么下一级元素在样式表中的背景图片既不会渲染也不会加载，但是标签上的图片会被加载不会被渲染。
参考资料：W3School-HTML DOM display 属性
