MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Your Search Results

    Element.setAttributeNode()

    setAttributeNode() adds a new Attr node to the specified element.

    Syntax

    var replacedAttr = element.setAttributeNode(attribute);
    
    • attribute is the Attr node to set on the element.
    • replacedAttr is the replaced attribute node, if any, returned by this function.

    Example

    // <div id="one" align="left">one</div> 
    // <div id="two">two</div> 
    var d1 = document.getElementById("one"); 
    var d2 = document.getElementById("two"); 
    var a = d1.getAttributeNode("align"); 
    d2.setAttributeNode(a.cloneNode(true)); 
    alert(d2.attributes[1].value) 
    // returns: `left'
    

    Notes

    If the attribute named already exists on the element, that attribute is replaced with the new one and the replaced one is returned.

    This method is seldom used, with setAttribute() usually being used to change element's attributes.

    DOM methods dealing with element's attributes:

    Not namespace-aware, most commonly used methods Namespace-aware variants (DOM Level 2) DOM Level 1 methods for dealing with Attr nodes directly (seldom used) DOM Level 2 namespace-aware methods for dealing with Attr nodes directly (seldom used)
    setAttribute (DOM 1) setAttributeNS setAttributeNode setAttributeNodeNS
    getAttribute (DOM 1) getAttributeNS getAttributeNode getAttributeNodeNS
    hasAttribute (DOM 2) hasAttributeNS - -
    removeAttribute (DOM 1) removeAttributeNS removeAttributeNode -

    Specification

    DOM Level 2 Core: setAttributeNode (introduced in DOM Level 1 Core)

    Document Tags and Contributors

    Last updated by: fscholz,
    Hide Sidebar