Question

我想在另一个div中使用创建div。请告诉我哪里出错了。

＆＃13;

   window.onload =function() {
    var child = document.createElement('div');
    child.id = 'blockid';
    child.className = 'blockclass';
    
    var s = document.getElementById('parent');
    s.appendChild(child); 
    document.getElementById("blockid").innerHTML = "hi";
    }

＆＃13;

<div id="parent">Test</div>

＆＃13;

Answer 1

我认为你可能会误导结果：

Test
hi

这使它看起来像堆叠，但它们不是，你的代码工作正常。第二个div是里面第一个，在文本之后。

添加边框和填充可以更清晰：

window.onload = function() {
  var child = document.createElement('div');
  child.id = 'blockid';
  child.className = 'blockclass';

  var s = document.getElementById('parent');
  s.appendChild(child);
  document.getElementById("blockid").innerHTML = "hi";
};

#parent {
  border: 1px solid blue;
  padding: 4px;
}
#blockid {
  border: 1px solid green;
}

<div id="parent">Test</div>

但请注意，最后您不需要document.getElementById，可以使用child：

window.onload = function() {
  var child = document.createElement('div');
  child.id = 'blockid';
  child.className = 'blockclass';

  var s = document.getElementById('parent');
  s.appendChild(child);
  child.innerHTML = "hi"; // <== Changed
};

#parent {
  border: 1px solid blue;
  padding: 4px;
}
#blockid {
  border: 1px solid green;
}

<div id="parent">Test</div>

使用javascript在现有div中插入带有Id的新div

1 个答案: