blocks|key|1149325|text|您可以使用styleSheets对象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1149326|document.styleSheets[0].cssRules[0].style.removeProperty("zoom");|code-block|syntax|javascript|1149327|警告#1:您必须知道样式表的索引和规则的索引。|1149328|警告#2:浏览器实现此对象的方式不一致；在一个浏览器中工作的对象在其他浏览器中可能不起作用。|1149329|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You can use the styleSheets object:

<pre><code>document.styleSheets[0].cssRules[0].style.removeProperty("zoom");
</code></pre>

Caveat #1: You have to know the index of your stylesheet and the index of your rule.

Caveat #2: This object is implemented inconsistently by the browsers; what works in one may not work in the others.

blocks|key|1364369|text|div.style.removeProperty('zoom');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1364370|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>div.style.removeProperty('zoom');
</code></pre>

blocks|key|1149390|text|实际上，如果你已经知道了这个属性，这就足够了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1149391|例如：|1149392|<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;
++++}+|code-block|syntax|javascript|1149393|请注意，这只适用于内联样式...而不是通过类或类似的东西指定的样式...|1149394|其他注意事项:您可能需要对replace语句中某些字符进行转义，但您已经明白了这一点。|1149395|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

actually, if you already know the property, this will do it... 

for example:

<pre><code>&lt;a href="test.html" style="color:white;zoom:1.2" id="MyLink"&gt;&lt;/a&gt;

 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;
 } 
</code></pre>

Note that this only works for inline styles... not styles you've specified through a class or something like that... 

Other note: you may have to escape some characters in that replace statement, but you get the idea.

blocks|key|1364464|text|在jQuery中也可以这样做，方法是：$(selector).css("zoom",+"")|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1364465|entityMap^0|J|R|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You can also do this in jQuery by saying <code>$(selector).css("zoom", "")</code>

blocks|key|1149440|text|element.style.height+=+null;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1149441|输出：|unstyled|1149442|<div+style="height:100px;">+
//+results:+
<div+style="">|1149443|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>element.style.height = null;
</code></pre>

output:

<pre><code>&lt;div style="height:100px;"&gt; 
// results: 
&lt;div style=""&gt;
</code></pre>

is it possible to remove a CSS property of an element using JavaScript ?
e.g. I have <code>div.style.zoom = 1.2</code>, 
now i want to remove the zoom property through JavaScript ?

how to remove css property using javascript?

jQuery

是否可以使用JavaScript删除元素的CSS属性？例如，我有div.style.zoom = 1.2，现在我想通过JavaScript删除缩放属性？

问如何使用javascript删除css属性？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用javascript删除css属性？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用javascript删除css属性？
EN