在Java脚本中从对象创建DOM元素 [英] Create DOM element from Object in javascript

问题描述

您好，我想了解如何使DOM元素成为元素，假设从我的数据对象中使用"div"。 我做了一个这样的对象：

var div = {

        style : {
            width: Math.floor(Math.random() * 100),
            height: Math.floor(Math.random() * 100),
            position: "relative",
            top:Math.floor(Math.random()*500)
        },

        sayHi: function () {
            alert("Hello");
        },

    }

我现在需要做的是使用这些css参数使其成为DOM中的活动元素？ 谢谢您

推荐答案

试试

var DOMdiv = document.createElement("div");
for(var key in div) {
    if(key === "style") {
        for(var cssstyle in div[key]) {
            DOMdiv.style[cssstyle] = div[key][cssstyle];
        }
    } else {
        DOMdiv[key] = div[key];
    }
}
document.body.appendChild(DOMdiv);

但请记住，该Div现在附加了一个名为sayHi()的函数。没有平常人发起的或任何东西。如果你想拥有一些平坦的人，可以这样改变你的对象：

var div = {

     [...]


     onclick: function() {
         alert("Hi");
     }

 };

这篇关于在Java脚本中从对象创建DOM元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！