Question

我正在尝试使用属性＆＃34; id＆＃34;创建一个新的div元素。使用＆＃34; Block1＆＃34;的值。我的计划是，当元素被创建并且它获得id＆＃34; Block1＆＃34;我的CSS将能够定位元素。我这样调用函数：<body onload="falling()">但由于某种原因我无法创建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);
}

Answer 1

要设置元素的id，只需设置dom元素的id属性，如

＆＃13;

.each

＆＃13;

function falling() {
  var div1 = document.createElement("div");
  div1.id = "Block1";


  var newElement = document.getElementById("board");
  newElement.appendChild(div1);
}

falling()

＆＃13;

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

＆＃13;

如果要创建属性节点，则需要使用setAttributeNode()

＆＃13;

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

＆＃13;

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()

＆＃13;

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

＆＃13;

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

1 个答案: