js remove 当前元素_JS removeAttribute()方法实现删除元素的某个属性

迈不过友情╰ 2022-11-07 15:57 301阅读 0赞

在 JavaScript 中，使用元素的 removeAttribute() 方法可以删除指定的属性。用法如下：

removeAttribute(name)

参数 name 表示元素的属性名。

示例1

下面示例演示了如何动态设置表格的边框。

window.onload = function () \{ //绑定页面加载完毕时的事件处理函数

var table = document.getElementByTagName("table")\[0\]; //获取表格外框的引用

var del = document.getElementById("del");

var reset = document.getElementById("reset");

del.onclick = function () \{

table.removeAttribute("border");

\}

reset.onclick = function () \{

table.setAttribute("border", "2");

\}

<table> 
 <tbody> 
  <tr> 
   <td>数据表格</td> 
  </tr> 
 </tbody> 
</table>

删除恢复

在上面示例中设计了两个按钮，并分别绑定了不同的事件处理函数。单击“删除”按钮即可调用表格的 removeAttribute() 方法清除表格边框，单击“恢复”按钮即可调用表格的 setAttribute() 方法重新设置表哥便可的粗细。

示例2

下面示例演示了如何自定义删除类函数，并调用该函数删除指定类名。

function hasClass (element, className) \{ //类名检测函数

var reg = new RegExp ('(\\\\s|^)' + className + '(\\\\s|$)');

return reg.test (element, className); //使用正则检测是否有相同的样式

\}

function deleteClass (element, className) \{

if (hasClass (element, className)) \{

element.className.replace (reg, ' '); //捕获要删除样式，然后替换为空白字符串

\}

\}

盒子

var red = document.getElementById ("red");

deleteClass (red, 'blue');

上面代码使用正则表达式检测 className 属性值字符串中是否包含指定的类名，如果存在，则使用空字符串替换掉匹配到的子字符串，从而实现删除类名的目的。

removeAttribute与removeAttributeNode方法异同

removeAttribute

移除节点指定名称的属性。示例如下

document.getElementById('riskTypePie').removeAttribute("style");

removeAttributeNode

注：此方法不兼容IE。

使用方法：获取要删除属性的元素 获取该元素要删除的属性 .removeAttributeNode

var node=document.getElementById('chartWrap');

var attr=n.getAttributeNode('style');

node.removeAttributeNode(attr);

异同分析

相同点 两个方法都是用来移除节点属性 两种方法调用者都只能是标签节点

不同点 removeAttribute方法接收的是要删除属性的名字 removeAttributeNode方法接收的是要删除的属性节点它本身

发表评论取消回复

表情：

评论列表（有 0 条评论，301人围观）

还没有评论，来说两句吧...

相关阅读

相关 WebAPI-js设置或删除元素属性的方法

HTML属性分类 HTML 元素的属性分为两种：标准（内置）属性和自定义属性标准属性：官方定义的属性自定义属性：HTML规范允许开发人员为元素设置非官方

蔚落/ 2023年06月13日 06:10/ 0 赞/ 72 阅读

相关 JS删除数组中的某个元素

方式一：使用splice() splice(index,len,\[item\]) index: 元素下标 len: 替换/删除的长度 item: 替

朱雀/ 2023年02月21日 11:56/ 0 赞/ 220 阅读

相关 js remove 当前元素_JS removeAttribute()方法实现删除元素的某个属性

在 JavaScript 中，使用元素的 removeAttribute() 方法可以删除指定的属性。用法如下： removeAttribute(name) 参数 name

迈不过友情╰/ 2022年11月07日 15:57/ 0 赞/ 302 阅读

相关 js删除数组里的某个元素

删除数组中的某个元素，首先需要确定需要删除元素的索引值。 var arr=[1,5,6,12,453,324]; function indexOf(val

我会带着你远行/ 2022年07月28日 00:18/ 0 赞/ 255 阅读

相关 js里删除某个元素

原文链接： [http://caibaojian.com/js-splice-element.html][http_caibaojian.com_js-splice-eleme

心已赠人/ 2022年07月11日 15:24/ 0 赞/ 244 阅读

相关 Js删除数组指定的某个元素

前言最近的项目中，最复杂的地方是写页面！！！特此记录一下用到的一些js知识！移除元素 1.了解`splice()` ![这里写图片描述][70] p

待我称王封你为后i/ 2022年05月22日 12:18/ 0 赞/ 309 阅读

相关 js扩展Array添加indexOf方法，remove方法,删除元素

/ 扩展Array，添加indexOf方法 @param val @returns {Number}

野性酷女/ 2022年04月12日 13:38/ 0 赞/ 312 阅读

相关删除JS 对象属性（子元素）

js删除对象子元素 `//数据：Object { id: 1, name: "ainusers", age: "18" }` `delete` `a.age;` `//输

青旅半醒/ 2022年03月16日 02:50/ 0 赞/ 345 阅读

相关 js数组splice删除某个元素爬坑

先来看下几个概念： // splice:返回从原始数组中删除的项（如果没有任何删除，则返回空数组） // 当指定2个参数时，表示删除

叁歲伎倆/ 2021年09月20日 01:00/ 0 赞/ 660 阅读

相关 JS删除数组里的某个元素方法

首先可以给JS的数组对象定义一个函数，用于查找指定的元素在数组中的位置，即索引，代码为： Array.prototype.indexOf=function(el){

- 日理万妓/ 2021年07月26日 17:32/ 0 赞/ 462 阅读