在Java脚本中从对象创建DOM元素

Create DOM element from Object in javascript(在Java脚本中从对象创建DOM元素)

本文介绍了在Java脚本中从对象创建DOM元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

您好,我想了解如何使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元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:在Java脚本中从对象创建DOM元素

基础教程推荐