是否可以使用JavaScript删除元素的CSS属性? 例如,我有div.style.zoom = 1.2, 现在我想通过JavaScript删除缩放属性?
当前回答
这应该做的技巧-设置内联样式为正常缩放:
$ (' div ')。attr(“风格”,“变焦:正常;”);
其他回答
实际上,如果你已经知道这个性质,这就可以了。
例如:
<a href="test.html" style="color:white;zoom:1.2" id="MyLink"></a>
var txt = "";
txt = getStyle(InterTabLink);
setStyle(InterTabLink, txt.replace("zoom\:1\.2\;","");
function setStyle(element, styleText){
if(element.style.setAttribute)
element.style.setAttribute("cssText", styleText );
else
element.setAttribute("style", styleText );
}
/* getStyle function */
function getStyle(element){
var styleText = element.getAttribute('style');
if(styleText == null)
return "";
if (typeof styleText == 'string') // !IE
return styleText;
else // IE
return styleText.cssText;
}
注意,这只适用于内联样式…而不是你通过类或类似的东西指定的样式……
其他注意事项:您可能需要在replace语句中转义一些字符,但您可以理解。
你可以使用styleSheets对象:
document.styleSheets[0].cssRules[0].style.removeProperty("zoom");
警告#1:您必须知道样式表的索引和规则的索引。
警告#2:该对象由浏览器实现不一致;在一种情况下有效的方法在另一种情况下不一定有效。
removeProperty将从元素中删除一个样式。
例子:
div.style.removeProperty(“变焦”);
MDN文档页面: CSSStyleDeclaration.removeProperty
你也可以在jQuery中这样做:$(selector).css("zoom", "")
更改元素的所有类:
document.getElementById("ElementID").className = "CssClass";
向元素中添加一个额外的类:
document.getElementById("ElementID").className += " CssClass";
检查一个类是否已经应用于一个元素:
if ( document.getElementById("ElementID").className.match(/(?:^|\s)CssClass(?!\S)/) )