javaScript删除标签的两种方法

第一种：按照class类型删除

1、取出要删除的标签，这里对应tagName变量

2、可能有多个，所以需要遍历所有取到的标签

3、如果标签中的className和需要删除的变量名称相同，删除该标签

4、这里需要用到标签的父标签进行删除

第二种：按照Id值删除

1、利用方法getElementById得到标签

2、不会有多个相同Id的标签，所以直接删除就行

3、需要判断存在不存在，只有存在情况下才可以删除，不然会报错

4、同样利用标签的父标签进行删除

Js代码如下：

<script>

//按照class名称删除

function removeTags(tagName, tagClass) {//tagName：标签；tagClass：类名

var tagElements = document.getElementsByTagName(tagName);

for (var m = 0; m < tagElements.length; m++) {

if (tagElements[m].className == tagClass) {

tagElements[m].parentNode.removeChild(tagElements[m]);//去除元素

}

}

}

//按照id值删除

function removeTag(tagId){

var tagElement = document.getElementById(tagId);

if(tagElement){

tagElement.parentNode.removeChild(tagElement);

}

}

</script>