javascript中怎么刪除元素中的指定屬性

在JavaScript中，可以使用removeAttribute()方法來刪除元素的指定屬性，語法“removeAttribute(name)”，參數name表示需要刪除的元素屬性名。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

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

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

【推薦學習：javascript高級教程】