激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

香港云服务器
服務器之家 - 編程語言 - JavaScript - js教程 - JS removeAttribute()方法實現刪除元素的某個屬性

JS removeAttribute()方法實現刪除元素的某個屬性

2021-12-30 16:11C語言中文網 js教程

這篇文章主要介紹了JS removeAttribute()方法實現刪除元素的某個屬性,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

在 JavaScript 中,使用元素的 removeAttribute() 方法可以刪除指定的屬性。用法如下:
removeAttribute(name)

參數 name 表示元素的屬性名。

示例1

下面示例演示了如何動態設置表格的邊框。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
  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");
    }
</script>
<table width="100%" border="2">
  <tr>
    <td>數據表格</td>
  <tr>
</table>
<button id="del">刪除</button><button id="reset">恢復</button>

在上面示例中設計了兩個按鈕,并分別綁定了不同的事件處理函數。單擊“刪除”按鈕即可調用表格的 removeAttribute() 方法清除表格邊框,單擊“恢復”按鈕即可調用表格的 setAttribute() 方法重新設置表哥便可的粗細。

示例2

下面示例演示了如何自定義刪除類函數,并調用該函數刪除指定類名。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
  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, ' '); //捕獲要刪除樣式,然后替換為空白字符串
    }
  }
</script>
<div id="red" class="red blue bold">盒子</div>
<script>
  var red = document.getElementById ("red");
  deleteClass (red, 'blue');
</script>

上面代碼使用正則表達式檢測 className 屬性值字符串中是否包含指定的類名,如果存在,則使用空字符串替換掉匹配到的子字符串,從而實現刪除類名的目的。

removeAttribute與removeAttributeNode方法異同

removeAttribute

移除節點指定名稱的屬性。示例如下

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

removeAttributeNode
注:此方法不兼容IE。

使用方法:

  • 獲取要刪除屬性的元素
  • 獲取該元素要刪除的屬性
  • <元素>.removeAttributeNode<屬性>
?
1
2
3
var node=document.getElementById('chartWrap');
var attr=n.getAttributeNode('style');
node.removeAttributeNode(attr);

異同分析

相同點

  • 兩個方法都是用來移除節點屬性
  • 兩種方法調用者都只能是標簽節點

不同點

  • removeAttribute方法接收的是要刪除屬性的名字
  • removeAttributeNode方法接收的是要刪除的屬性節點它本身

到此這篇關于JS removeAttribute()方法實現刪除元素的某個屬性的文章就介紹到這了,更多相關JS removeAttribute()刪除元素屬性內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家!

原文鏈接:http://c.biancheng.net/view/5925.html

延伸 · 閱讀

精彩推薦
  • js教程微信小程序抽獎組件的使用步驟

    微信小程序抽獎組件的使用步驟

    這篇文章主要給大家介紹了關于微信小程序抽獎組件的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需...

    い 狂奔的蝸牛10692021-12-29
  • js教程原生JS實現京東查看商品點擊放大

    原生JS實現京東查看商品點擊放大

    這篇文章主要為大家詳細介紹了原生JS實現京東查看商品點擊放大,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    A.香辣雞腿堡7202021-12-15
  • js教程JS數組索引檢測中的數據類型問題詳解

    JS數組索引檢測中的數據類型問題詳解

    這篇文章主要給大家介紹了關于JS數組索引檢測中的數據類型問題的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考...

    行舟客11812021-12-29
  • js教程前端開發之JS中編寫For循環的方法

    前端開發之JS中編寫For循環的方法

    這些年來,JavaScript 發展得如此之快。如果你之前有其他編程語言經驗的話,你可能無法相信在 JavaScript 中有4種方法可以編寫for 循環。...

    清閑的帆船先生8922021-12-24
  • js教程JavaScript 中的六種循環方法

    JavaScript 中的六種循環方法

    這篇文章主要介紹了JavaScript 中的六種循環方法,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下...

    Saku8462021-12-27
  • js教程JS實現頁面側邊欄效果探究

    JS實現頁面側邊欄效果探究

    這篇文章主要介紹了JS實現頁面側邊欄效果探究,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以...

    行舟客4732021-12-29
  • js教程原生js中運算符及流程控制示例詳解

    原生js中運算符及流程控制示例詳解

    這篇文章主要給大家介紹了關于原生js中運算符及流程控制的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價...

    meichaoWen4992021-12-27
  • js教程JS實現選項卡插件的兩種寫法(jQuery和class)

    JS實現選項卡插件的兩種寫法(jQuery和class)

    這篇文章主要為大家詳細介紹了JS實現選項卡插件的兩種寫法:jQuery和class,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參...

    南柯Seven11952021-12-22
944
主站蜘蛛池模板: 在线播放av片 | www.69色| 黄色网址在线播放 | 国产精品高潮视频 | 亚洲国产成人一区二区 | 一分钟免费观看完整版电影 | 国产精品剧情一区二区三区 | 国产18视频 | 午夜爽爽爽男女免费观看hd | 国产超碰人人做人人爱ⅴa 色天天综合网 | 精品在线观看一区 | 精品一区二区免费视频视频 | 深夜福利视频免费观看 | 伊人yinren22综合网色 | 全黄性性激高免费视频 | 日韩欧美电影在线观看 | 成人一级免费视频 | 国产成人高清成人av片在线看 | 国内久久久久 | 久久国产一级片 | 欧美wwwwww| 亚洲精品成人久久久 | 久久免费看毛片 | www.成人精品 | 黄色视屏免费在线观看 | 国产精品亚洲激情 | 日韩在线视频一区二区三区 | 成人羞羞在线观看网站 | 久久国产成人午夜av浪潮 | 一级黄色免费观看 | 国产精品性夜天天视频 | 国产精品高潮99久久久久久久 | 国产美女一区二区在线观看 | 午夜视频免费播放 | 久久人人爽人人爽人人片av高清 | 久久久久久久久久久久久久国产 | 九九午夜 | 亚洲不卡 | 法国极品成人h版 | 天天操天天插天天干 | 精品国产乱码久久久久久丨区2区 |