如何去掉所有html标签的属性部分

去掉html标签: str.replace(/</?[a-zA-Z]+[^><]*>/g,"")

去掉标签里面的属性: str.replace(/<([a-zA-Z]+)\s*[^><]*>/g,"<$1>")

上面方法复制进去就行了。

针对于你提的问题，如果想去掉class和style属性必须对所需要去掉属性的标签增加id

以你提供的代码为例，首先需要增加id属性，修改后如下：

<div class="content" id=“testdiv”>

<div id="t1">

文本1

</div>

<p class="bbb" id=“testp”>

文本2.....<font color='#00000'>文本3</font><span style="line-height:24px">文本4</span>

</p>

</div>

然后编写对应js代码，代码如下：

function delClass(){

$("#testdiv").removeClass("content")

$("#testp").removeClass("bbb")

}

上述代码可以去除Class

注：

如果程序为进入页面后调用则需要在body中增加onload方法也就是：onload="delClass()"

如果为点击式触发则在页面增加按钮，对按钮总方法onClick方法指定删除的js方法

希望回答对你有用。

通过removeChild() 方法指定元素的某个指定的子节点来完成javascript删除一个html元素。

javascript删除一个html元素的步骤：

<!--创建一个html文件-->

<div id="div">

<div id="div1">知道</div>

<input type="button" value="删除div1" id="btn"/>

</div>

<script>

var o=document.getElementById("div")//获取父节点

var a=document.getElementById("div1")//获取需要删除的子节点

var b=document.getElementById("btn")//获取触发事件的节点

b.onclick=function(){o.removeChild(a)//从父节点o上面移除子节点a}

</script>

---