javascript无法追加到docmap div标记的末尾？_Javascript_Html

javascript无法追加到docmap div标记的末尾？

javascript html

javascript无法追加到docmap div标记的末尾？,javascript,html,Javascript,Html,我想知道为什么我的javascript不能附加到docmap div标记的末尾？至少我在chrome上试过了，我没看到上面写着：一些新内容！在docmap div标记中 <html> <header> <style> #docmap { background-color: #f0f0f0; height: 100%; width: 200px; position: fixed; } #main { margin-left: 200px;

我想知道为什么我的javascript不能附加到docmap div标记的末尾？至少我在chrome上试过了，我没看到上面写着：一些新内容！在docmap div标记中

<html>
<header>
<style>
#docmap {
  background-color: #f0f0f0;
  height: 100%;
  width: 200px;
  position: fixed; 
}
#main {
  margin-left: 200px;
  position: 200px; 
  padding: 20px;
}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<script>
    //alert("hey!");
    var docmap = $("#docmap");
    docmap.append('<br>Some new content!');
</script>
</header>

<body>

<div id="docmap">
<ul>
<li> hello
<li> hi
<li> howdy
</ul>
</div>

<div id="main">
<h1>header1</h1>
<h2>header2 a</h2>
<h2>header2 b</h2>
<h1>header1 a</h1>
</div>

</body>
</html>

在标记中，您应该使用。是另一个用途的标签。此外，在声明要使用JQuery调用的标记之后，必须将脚本移动到正文底部

或者直接在这里：

//嘿！； var docmap=$docmap；添加“一些新内容！”；地图{ 背景色：F0；身高：100%；宽度：200px；位置：固定； } 主要{ 左边距：200px；位置：200px；填充：20px； } 你好你好你好

如果在头文件中有代码，DOM甚至还不存在。使用JQuery DOM ready，或者将脚本放在body close标记之前。如果是这种情况，控制台不应该报告错误吗？不，JQuery对集合有效，如果集合为空，它什么也不做。@pico在这种情况下没有错误-您尝试使用$docmap查找元素，因为它不存在，你得到一个空集合。当你试图用它做任何事情时，它只是一个禁忌。@pico yes，使用$document.ready