javascript - 如何在 JavaScript 中获取节点数据,例如内联样式和方向等

标签 javascript html

我有一个如下所示的节点

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

我要提取id="hello" dir="auto" style="margin-top:0;margin-bottom:0;color:red" bgcolor="green";从 body 标签并将其应用到另一个标签(例如 DIV)。这怎么可能。

最佳答案

只需做这样的事情,不需要 jQuery。

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

fiddle

或者甚至是更干净的方式 seen here

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);
}

它将元素(在本例中为主体)中的所有属性复制到新的 div。

关于javascript - 如何在 JavaScript 中获取节点数据,例如内联样式和方向等,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24796885/

相关文章:

javascript - 为什么即使 onError 处理程序捕获异常后,chrome 仍然会记录丢失图像的 404(未找到)错误?

javascript - 如何使用 Javascript 轻松监听 xhr 请求?

html - 背景不透明度 :before and :after anchor

html - 自动删除输入值

javascript - 在 iOS 6.x (iPad) 上使用 JS 选择/取消选择下拉选项

java - 使用 Java 从属性文件填充下拉列表

javascript - 如何使用 spreadoperator 克隆并设置嵌套对象的值

javascript - 如何在java中声明嵌套数据对象?

javascript - 使用 onClick 更改背景图像

html - 仅将 HTML、CSS 网页部署到 Tomcat