使用Jquery从纯HTML中删除<style>标记和<script>标记

时间:2016-06-16 06:57:46

标签: javascript jquery html css

这是我的纯HTML代码。

&#xA;&#xA;
 &lt; style&gt;&#xA; / * style tag在这里* /&#xA;&lt; / style&gt;&#xA;&lt; form method =“POST”action =“#”id =“_ form_93_”class =“_ form _form_93 _inline-form _dark”novalidate&gt ;&#XA; &lt; input type =“hidden”name =“u”value =“93”/&gt;&#xA; &lt; input type =“hidden”name =“f”value =“93”/&gt;&#xA; &lt; input type =“hidden”name =“s”/&gt;&#xA; &lt; input type =“hidden”name =“c”value =“0”/&gt;&#xA; &lt; input type =“hidden”name =“m”value =“0”/&gt;&#xA;&lt; / form&gt;&#xA;&lt; script type =“text / javascript”&gt;&#xA; //脚本标记到这里&#xA;&lt; / script&gt;&#xA;  
&#xA;&#xA;

我想删除&lt; style&gt;&lt;来自HTML代码的/ style&gt; &lt; script&gt;&lt; / script&gt; 标记,因此预期结果将是。

&#xA;&#xA;
 &lt; form method =“POST”action =“#”id =“_ form_93_”class =“_ form _form_93 _inline-form _dark”novalidate&gt;&#xA; &lt; input type =“hidden”name =“u”value =“93”/&gt;&#xA; &lt; input type =“hidden”name =“f”value =“93”/&gt;&#xA; &lt; input type =“hidden”name =“s”/&gt;&#xA; &lt; input type =“hidden”name =“c”value =“0”/&gt;&#xA; &lt; input type =“hidden”name =“m”value =“0”/&gt;&#xA;&lt; / form&gt;&#xA;  
&#xA;

2 个答案:

答案 0 :(得分:2)

您可以使用此

删除标签
$('style, script').remove();

样式将不再显示在屏幕上,并且两个HTML元素都将从DOM中消失。

但是,如果在运行remove()代码之前附加了事件,则仍会执行javascript代码。

如果您只想清理一些通过ajax调用返回的代码(例如),它将正常工作。如果您想从您已经使用的页面中清除样式和javascript,则在删除script标记之前,某些Javascript代码可能已经附加到元素。

Check this fiddle举个例子。

答案 1 :(得分:0)

  

使用jQuery:

jQuery('style').remove();

jQuery('script').remove();
  

使用纯JavaScript:

window.onload = function(){
    var getStyle = document.getElementsByTagName("style");
    getStyle[0].remove();
    var getScript = document.getElementsByTagName("script"); 
    getScript[0].remove();
}

请找一个工作小提琴,其中显示了如何删除h1标签,Link