使用JavaScript插入一个新的div元素和属性

我想创建一个新的div元素，其属性为“id”，值为“Block1”。我的计划是，当元素被创建并获得ID“Block1”，我的CSS将能够定位元素。我打电话给这样的功能：<body onload="falling()">但由于某种原因，我无法让它创建div元素。任何建议或帮助？使用JavaScript插入一个新的div元素和属性

function falling() 
{ 
    var div1 = document.createElement("div"); 
    var att=document.createAttribute("id"); 
    att.value="Block1"; 
    div1.setAttribute(att); 

    var newElement = document.getElementById("board"); 
    newElement.appendChild(div1); 
}

来源

2015-11-02 fevjitsu

要设置元素的ID，只需设置DOM元素的id属性像

function falling() { 
 
    var div1 = document.createElement("div"); 
 
    div1.id = "Block1"; 
 

 

 
    var newElement = document.getElementById("board"); 
 
    newElement.appendChild(div1); 
 
} 
 

 
falling()

#board { 
 
    padding: 5px; 
 
    border: 1px solid red; 
 
} 
 
#Block1 { 
 
    padding: 5px; 
 
    border: 1px solid blue; 
 
}

<div id="board"></div>

如果你想创建一个属性节点，然后您需要使用setAttributeNode()

function falling() { 
 
    var div1 = document.createElement("div"); 
 

 
    var att = document.createAttribute("id"); 
 
    att.value = "Block1"; 
 
    div1.setAttributeNode(att); 
 

 

 
    var newElement = document.getElementById("board"); 
 
    newElement.appendChild(div1); 
 
} 
 

 
falling()

#board { 
 
    padding: 5px; 
 
    border: 1px solid red; 
 
} 
 
#Block1 { 
 
    padding: 5px; 
 
    border: 1px solid blue; 
 
}

<div id="board"></div>

来源

2015-11-02 03:12:11

使用JavaScript插入一个新的div元素和属性

回答

相关问题