Closed. This question is off-topic。它当前不接受答案。
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
5年前关闭。
CSS:
HTML:
JS:
当我运行代码时,oneofpost不会出现。它应该看起来像是黄色的小砖块,对吗?
有什么想法吗?
但是ID应该是唯一的,因此您不需要使用标签名称来限定它:
当前的选择器显示为:
所有
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
5年前关闭。
CSS:
ul #allposts li{
height: 50px;
width: 50px;
background-color: yellow;
border: 1px solid yellow;
}
HTML:
<ul id = "allposts"></ul>
JS:
var woow2 = document.getElementById('allposts');
var oneofpost = document.createElement('li');
woow2.appendChild(oneofpost);
当我运行代码时,oneofpost不会出现。它应该看起来像是黄色的小砖块,对吗?
有什么想法吗?
最佳答案
问题出在您的CSS中。您的选择器应为:
ul#allposts li
但是ID应该是唯一的,因此您不需要使用标签名称来限定它:
#allposts li
当前的选择器显示为:
所有
li
元素都是ID为allposts
的元素的后代,而这些元素又是所有ul
元素的后代,这可能不是您想要的。关于javascript - 追加不使用JavaScript工作的 child ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21070330/