本文主要是介绍setAttribute()与.style.property=值的区别,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
混沌的认为都是设置属性的,那两者有什么区别呢。仔细对比后发现,两者设置的属性是不同的。
setAttribute是给html元素属性设置值的。我主要是没有理解html元素属性这个概念。html元素属性就是指的标签中的键值对的前者,例如<div id="name" class="text"><div>中的id和class就是html元素属性。
.style.property="值"是用来设置css样式的。例如说document.getElementById("#name").style.background="red"设置文本框的背景颜色为红色。
在标签中我们也会内嵌样式,例如<div id="name" class="text" style="width:100px;"><div>,说明style也是html元素的一个属性。在设置的时候可以使用document.getElementById("#name").setAttribute("style","color:red;font:9px;");实际上平时用setAtrribute()这个方法就用的不多,也不太支持这种设置样式属性的写法。
如果引用了jQuery的话,在设置CSS样式的时候还可以使用.css("border","1px solid red");这种方式。
这篇关于setAttribute()与.style.property=值的区别的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!