前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

javaScript删除标签的两种方法(js删除页面上指定的p元素)

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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言