js删除html标签

JavaScript010

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>}

1、新建一个html文件，命名为test.html，在test.html文件内，在div标签内，使用p标签创建多行文字。

2、在test.html文件内，设置指定标签的id属性，例如，这里设置第二个p标签的id为testpp，主要用于下面通过该id获得p对象。

3、在test.html文件内，使用button标签创建一个按钮，按钮名称为“去掉指定标签内容”。

4、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行clearcon（）函数。

5、在js标签中，创建clearcon()函数，在函数内，使用getElementById()方法通过id(testpp)获得标签对象，将其innerHTML属性设置为空，便可实现删除标签的内容。

6、在浏览器打开test.html文件，点击按钮，查看实现的效果。