2012-07-20 47 views
2

是否有可能將一個DOM元素轉換爲另一個DOM元素? 通過jQuery甚至通過JavaScript。是否有可能將一個DOM元素轉換爲另一個DOM元素?或從中複製所有屬性?

我只是想要例如: 獲取表> thead> tr> th與所有類,屬性,屬性,並將其放入table> body中,如tr> td。

或者也許是另一種方式呢?

+0

這裏問:http://stackoverflow.com/questions/6753362/jquery-how-to-copy-all-the-attributes-of-一個元素並應用它們到另一個 – 2012-07-20 06:34:56

+1

[jQuery:如何複製一個元素的所有屬性並將它們應用於另一個元素?](http://stackoverflow.com/questions/6753362/jquery - 如何對複製所有的的屬性 - 的一元和申請,他們到另一個) – Esailija 2012-07-20 06:35:44

回答

2

你有幾個選項。

  • 您可以使用jQuery的clone(),它將複製DOM節點上/中的所有內容。然後使用append()將克隆附加到您希望它移動到的任何元素。然後,只需刪除原始節點。

  • 如果你只是想從DOM節點(類,ID等)的屬性,那麼你可以使用所有DOM節點上存在的attributes數組。你必須遍歷每個屬性,然後單獨設置新元素。我還沒有找到簡單的方法來複制一切。在香草的Javascript會是這個樣子:

    var originalELement = document.getElementById('original-element-id'); 
    var newElement = document.createElement('div'); 
    
    for (var i = 0; i < originalElement.attributes.length; i++) { 
        var attr = originalElement.attributes.item(i); 
        newElement.setAttribute(attr.nodeName, attr.nodeValue); 
    } 
    
相關問題