• 售前

  • 售后

热门帖子
入门百科

JS removeAttribute()方法实现删除元素的某个属性

[复制链接]
刘得福姊妹 显示全部楼层 发表于 2021-10-25 19:09:49 |阅读模式 打印 上一主题 下一主题
在 JavaScript 中,使用元素的 removeAttribute() 方法可以删除指定的属性。用法如下:
removeAttribute(name)
参数 name 表现元素的属性名。

示例1


下面示例演示了怎样动态设置表格的边框。
  1. <script>
  2.   window.onload = function () { //绑定页面加载完毕时的事件处理函数
  3.     var table = document.getElementByTagName("table")[0]; //获取表格外框的引用
  4.     var del = document.getElementById("del");
  5.     var reset = document.getElementById("reset");
  6.     del.onclick = function () {
  7.       table.removeAttribute("border");
  8.     }
  9.     reset.onclick = function () {
  10.       table.setAttribute("border", "2");
  11.     }
  12. </script>
  13. <table width="100%" border="2">
  14.   <tr>
  15.     <td>数据表格</td>
  16.   <tr>
  17. </table>
  18. <button id="del">删除</button><button id="reset">恢复</button>
复制代码
在上面示例中筹划了两个按钮,并分别绑定了差别的变乱处置处罚函数。单击“删除”按钮即可调用表格的 removeAttribute() 方法扫除表格边框,单击“恢复”按钮即可调用表格的 setAttribute() 方法重新设置表哥便可的粗细。

示例2


下面示例演示了怎样自界说删除类函数,并调用该函数删除指定类名。
  1. <script>
  2.   function hasClass (element, className) { //类名检测函数
  3.     var reg = new RegExp ('(\\s|^)' + className + '(\\s|$)');
  4.     return reg.test (element, className); //使用正则检测是否有相同的样式
  5.   }
  6.   function deleteClass (element, className) {
  7.     if (hasClass (element, className)) {
  8.       element.className.replace (reg, ' '); //捕获要删除样式,然后替换为空白字符串
  9.     }
  10.   }
  11. </script>
  12. <div id="red" class="red blue bold">盒子</div>
  13. <script>
  14.   var red = document.getElementById ("red");
  15.   deleteClass (red, 'blue');
  16. </script>
复制代码
上面代码使用正则表达式检测 className 属性值字符串中是否包罗指定的类名,如果存在,则使用空字符串更换掉匹配到的子字符串,从而实现删除类名的目标。

removeAttribute与removeAttributeNode方法异同


removeAttribute

移除节点指定名称的属性。示比方下
  1. document.getElementById('riskTypePie').removeAttribute("style");
复制代码
removeAttributeNode
注:此方法不兼容IE。
使用方法:
      
  • 获取要删除属性的元素  
  • 获取该元素要删除的属性  
  • <元素>.removeAttributeNode<属性>
  1. var node=document.getElementById('chartWrap');
  2. var attr=n.getAttributeNode('style');
  3. node.removeAttributeNode(attr);
复制代码
异同分析

相同点
      
  • 两个方法都是用来移除节点属性  
  • 两种方法调用者都只能是标签节点
差别点
      
  • removeAttribute方法吸取的是要删除属性的名字  
  • removeAttributeNode方法吸取的是要删除的属性节点它自己
到此这篇关于JS removeAttribute()方法实现删除元素的某个属性的文章就先容到这了,更多相关JS removeAttribute()删除元素属性内容请搜刮脚本之家以前的文章或继承欣赏下面的相关文章盼望各人以后多多支持脚本之家!

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作