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 属性