removeAttribute?和?removeAttributeNode?都是用于從 HTML 元素中移除屬性的 DOM 方法，但它們在用法和接受的參數上有一些區別。
removeAttribute
removeAttribute?是一個元素（Element）對象的方法，它接受一個字符串參數，即要移除的屬性的名稱。這個方法會直接從元素上移除指定的屬性，而不需要你提前獲取到該屬性節點。
示例代碼：
javascript復制代碼
var element = document.getElementById('myElement'); | |
// 假設元素有一個名為 "data-custom" 的屬性 | |
element.removeAttribute('data-custom'); | |
// 現在 "data-custom" 屬性已經從元素上移除了 |
removeAttributeNode
removeAttributeNode?也是一個元素（Element）對象的方法，但它接受一個?Attr?對象作為參數，即要移除的屬性節點。這通常意味著你需要先通過?attributes?集合或其他方式獲取到該屬性節點，然后才能使用?removeAttributeNode?來移除它。
示例代碼：
javascript復制代碼
var element = document.getElementById('myElement'); | |
// 獲取名為 "data-custom" 的屬性節點 | |
var attributeNode = element.attributes.getNamedItem('data-custom'); | |
if (attributeNode) { | |
// 移除該屬性節點 | |
element.removeAttributeNode(attributeNode); | |
// 現在 "data-custom" 屬性已經從元素上移除了 | |
} |
區別總結
- 參數類型：
removeAttribute?接受一個字符串參數（屬性名），而?removeAttributeNode?接受一個?Attr?對象參數（屬性節點）。 - 使用場景：如果你只是想簡單地移除一個屬性，而不需要對該屬性節點進行其他操作，那么?
removeAttribute?更為方便。但如果你已經獲取到了屬性節點，并可能需要對它進行其他操作（比如檢查其值、修改其值等），然后再移除它，那么?removeAttributeNode?會更合適。 - 返回值：
removeAttribute?沒有返回值（或者可以認為它返回?undefined），而?removeAttributeNode?返回被移除的屬性節點（Attr?對象）。這在某些情況下可能是有用的，比如你可能想在移除屬性后仍然能夠訪問或操作該屬性節點。
)
