搜索
写经验 领红包
 > 科技

js如何删除标签(js删除html指定标签)

导语:javaScript删除标签的两种方法

js如何删除标签(js删除html指定标签)

第一种:按照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>

本文内容由小岑整理编辑!