如何在JavaScript中获取节点数据，如内联样式和方向等

How to get node data in JavaScript like inline styles and direction etc

本文关键字：样式 方向 数据 JavaScript 获取 节点      更新时间：2023-09-26

下面有一个节点

<body id="hello" dir="auto" style="margin-top:0;margin-bottom:0;color:red" bgcolor="green";></body>

我想从body标签中提取id="hello" dir="auto" style="margin-top:0;margin-bottom:0;color:red" bgcolor="green";，并将其应用于另一个标签，如DIV。这怎么可能呢?

就像这样做，不需要jQuery。

var newDiv = document.body.cloneNode();
document.body.appendChild(newDiv);
newDiv.outerHTML = newDiv.outerHTML.replace(/body/g,"div");

小提琴

或者更简洁的方式

var newDiv = document.createElement('div'),
    body = document.body;
for (var i = body.attributes.length; i--;) {
    var attr = body.attributes.item(i);
    newDiv.setAttribute(attr.nodeName, attr.nodeValue);
}

它复制元素的所有属性，在这里是body，到新的div。

相关文章：