教你js对象删除某个元素 js获取类名的3种方法( 二 )

var rect = mydiv.getBoundingClientRect();console.log(rect);var borderWidth = parseFloat(mydiv.style.width);console.log(borderWidth);一些CSS属性是复合属性，比如：margin就是margin-top、margin-right、margin-bottom、margin-left的复合属性；CSSStyleDeclaration对象也有与之对应的复合属性；
mydiv.style.margin = "20px 30px 40px 50px";mydiv.style.marginTop = "50px";mydiv.style.marginLeft = "50px";当设置复合属性margin时，其会自动计算其所对应的相关联的属性；
即然style是元素的特性，那么也可以通过setAttribute()、getAttribute()等方法来设置style特性；
mydiv.setAttribute("style","width: 300px; height:200px; background-color: purple;");console.log(mydiv.style);console.log(mydiv.getAttribute("style"));style对象的属性和方法：
style对象中还定义一些属性和方法，这些属性和方法在提供元素的style特性值的同时，也可以修改样式；
cssText：能够访问到style特性中的CSS代码；
length：应用给元素的CSS属性的数量；
parentRule：表示CSS信息的CSSRule对象；
getPropertyCSSValue(propertyName)：返回包含给定的属性的值CSSValue对象；已废弃；
getPropertyPriority(propertyName)；如果给定的属性使用了!important设置，则返回important；否则返回空字符串；
getPropertyValue(propertyName)：返回给定的属性的值；
item(index)：返回给定位置的CSS属性的名；
removeProperty(propertyName)：从样式中删除给定的属性；
setProperty(propertyName,value,priority)：为给定的属性设置为属性值，并加上优先权标志(”important”或一个空字符串)；
cssText属性：返回浏览器对style特性中CSS代码的内部表示，在写入模式下，赋给cssText的值会重写整个style特性的值；
mydiv.style.cssText = "width: 300px; height:200px; background-color: purple;";console.log(mydiv.style.cssText);console.log(mydiv.getAttribute("style"));设置cssText属性的目的就是为元素快速应用多个CSS特性，可以一次性应用所有的变化；
item()方法和length属性：设计length属性的目的，就是将其与item()方法配套使用，以便迭代元素中定义的CSS属性名；在使用length和item()时，style对象实际上是一个集合，可以使用方括号来代替item()来取得给定位置的css属性名；
console.log(mydiv.style.length);for(var i=0; i<mydiv.style.length; i++){// console.log(mydiv.style.item(i));console.log(mydiv.style[i]);}getPropertyValue(propertyName)方法：取得给定的属性的值；
console.log(mydiv.style.getPropertyValue("background-color"));for(var i=0; i<mydiv.style.length; i++){var prop = mydiv.style[i];// 取得属性名var value = https://www.520longzhigu.com/diannao/mydiv.style.getPropertyValue(prop);// 取得属性值console.log(prop +":" + value);}getPropertyCSSValue(propertyName)方法：该方法会返回一个包含两个属性的CSSValue对象，这两个属性分别是：cssText和cssValueType，其中cssText属性的值与getPropertyValue()方法返回的值相同，而cssValueType属性则是一个数值常量，表示值的类型：0表示继承的值，1表示基本的值，2表示值列表，3表示自定义的值；
var value = https://www.520longzhigu.com/diannao/mydiv.style.getPropertyCSSValue("background-color");console.log(value);console.log(value.cssText);console.log(value.cssValueType);这个方法已经被废弃了，几乎所有的浏览器都不支持；
getPropertyPriority(propertyName)；如果给定的属性使用了!important设置，则返回important；否则返回空字符串；
console.log(mydiv.style.getPropertyPriority("background-color")); // importantsetProperty(propertyName,value,priority)：为给定的属性设置为属性值，并加上优先权标志，priority 为可选（”important”或一个空字符串）；
mydiv.style.setProperty("background-color","purple","important");removeProperty(propertyName)方法：可以从元素的样式中移除某个CSS属性，移除一个属性，意味着该属性将应用默认的样式（从其他样式表经层叠而来）；

以上关于本文的内容，仅作参考！温馨提示：如遇健康、疾病相关的问题，请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容，希望对您有所帮助：