久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

您的位置:首頁技術文章
文章詳情頁

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

瀏覽:87日期:2024-04-08 13:01:04

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

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

示例1

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

<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 border='2'> <tr> <td>數據表格</td> <tr></table><button id='del'>刪除</button><button id='reset'>恢復</button>

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

示例2

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

<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 class='red blue bold'>盒子</div><script> var red = document.getElementById ('red'); deleteClass (red, ’blue’);</script>

上面代碼使用正則表達式檢測 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方法接收的是要刪除的屬性節點它本身

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 亚洲福利 | 欧美日韩精品一区二区三区 | 91一区二区 | 亚洲欧美国产精品专区久久 | 成人一级片 | 男女羞羞视频免费在线观看 | 午夜久久久 | 久久这里只有国产精品 | 免费爱爱视频 | 亚洲热妇 | 97久久精品 | 午夜视频在线观看网址 | 欧美亚洲另类在线 | 北条麻妃99精品青青久久 | 精品国产乱码一区二区三区四区 | 在线国产区 | 一级女性全黄久久生活片免费 | 91免费国产 | 一区二区三区在线播放 | av中文字幕在线 | 亚洲视频一区二区 | 午夜黄色影院 | 国产香蕉视频在线播放 | 久久精品久久久 | 国产精品久久久爽爽爽麻豆色哟哟 | 99精品热| 国产视频网| 九色自拍| 久久婷婷香蕉 | 日本一区二区不卡 | 五月天婷婷国产精品 | 亚洲视频免费在线观看 | 欧美精品v国产精品v日韩精品 | 久久国产精品精品国产 | 久久久久久久国产精品 | 欧美成年黄网站色视频 | 精品国产一区二区三区久久久 | 草草久久久 | 日韩电影在线一区 | 欧美1区| 欧美一级免费高清 |