js删除html标签

JavaScript014

js删除html标签,第1张

function a(){<br>var inn="<li id="qwe"><span style='cursor: pointer'>删除</span></li>"<br>var div = document.getElementById("a")<br>div.innerHTML += inn<br>// 查找span<br>var span = div.getElementsByTagName('span')[0]<br>// 添加click事件<br>span.onclick = function () {<br> // 查找li，也就是父元素<br> var li = this.parentNode<br> // id属性<br> var id = li.id<br> alert(id)<br>}<br>}

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写基础代码。

2、在index.html中的<script>标签，输入js代码：$('table tr').eq(1).remove()$('table tr').eq(1).remove()。

3、浏览器运行index.html页面，此时发现表格的最后2行都被js删除了。

用js删除html标签需要用正则表达式来完成。

比如要删除以<style type="text/css" id="wiz_custom_css">开头

</style>结尾的代码，正则写法如下：

var reg = /\<style[\s\"\'\w\=\/]+\>[^\<]+\<\/style\>/gim

str.replace(reg,"")

全部替换成空就可以了。