什么是 setAttributeNode() 方法
setAttributeNode() 方法是 HTML DOM 元素的方法之一，用于向元素添加一个新的属性节点。这个方法通常与 createAttribute() 方法一起使用，前者用于创建属性节点，后者用于设置属性节点的值。
语法
setAttributeNode() 方法的语法如下：
element.setAttributeNode(newAttr)
其中，element 是要设置属性的 HTML 元素，newAttr 是要添加的新属性节点。
示例
让我们通过一个简单的示例来演示 setAttributeNode() 方法的用法。假设我们有一个按钮元素，我们想动态地向这个按钮添加一个自定义属性 data-id，我们可以这样做：
-- -------------------- ---- -------
--------- -----
------
------
------------------------- ------------
-------
------
------- ------------------- -----------
--------
-- ------
--- ------ - ------------------------------------
-- ----------
--- ------- - ------------------------------------
------------- - ------
-- -------------
---------------------------------
---------
-------
-------在这个示例中，我们首先获取了 id 为 myButton 的按钮元素，然后创建了一个名为 data-id 值为 123 的新属性节点，并将其添加到按钮元素中。
通过这种方式，我们可以动态地向 HTML 元素添加自定义属性，从而实现更灵活的页面交互效果。
总结
setAttributeNode() 方法是一个非常实用的 HTML DOM 方法，可以帮助我们动态地向元素添加属性节点。结合其他 DOM 操作方法，我们可以实现更加灵活和动态的页面效果。希望本文对你有所帮助，谢谢阅读！