Javascript document.getElementById（“foo”）；返回空值_Javascript

Javascript document.getElementById（“foo”）；返回空值

javascript

Javascript document.getElementById（“foo”）；返回空值,javascript,Javascript,我正在尝试创建一个媒体播放器我不知道为什么调用document.getElementById（“播放列表表”）返回null。我尝试在标记之前运行脚本，以确保DOM已准备就绪，但仍然没有成功。这是我的密码： HTML（缩写）错误：未捕获类型错误：无法读取null的属性“appendChild” 谢谢从选择器中删除标签# var table=document.getElementById（“播放列表表”）如果你想保留它，你应该使用从选择器中删除标签# var table=document.g

我正在尝试创建一个媒体播放器

我不知道为什么调用

document.getElementById（“播放列表表”）

中有时，code>返回null。我尝试在
标记之前运行脚本，以确保DOM已准备就绪，但仍然没有成功。这是我的密码：
HTML（缩写）
错误：未捕获类型错误：无法读取null的属性“appendChild”
谢谢
从选择器中删除标签#

var table=document.getElementById（“播放列表表”）
如果你想保留它，你应该使用
从选择器中删除标签#

var table=document.getElementById（“播放列表表”）
如果你想保留它，你应该使用
查询id的正确方法：
document.getElementById（'foo'）
或
document.querySelectorAll（'#foo'）
返回第一个元素：
document.querySelector（'#foo'）
查询id的正确方法：
document.getElementById（'foo'）
或
document.querySelectorAll（'#foo'）
返回第一个元素：
document.querySelector（'#foo'）
^^
var table=document.getElementById（“播放列表表”）
 ^^
var table=document.getElementById（“播放列表表”）
 可能的重复，可能的重复谢谢，但我仍然有麻烦。我甚至试图创建一个简单的元素来填充文本，但没有成功。。。我对这一切都不熟悉<代码>var p=document.createElement（“p”）；var hi=document.createTextNode（“hi”）；p、 儿童（hi）；文件.正文.附件（p）我在第4行得到相同的错误。“无法读取null的属性'appendChild'”执行此操作时，您的DOM尚未就绪。尝试将代码放在正文下或使用onLoad（）
事件处理程序。这很有效。早些时候，我肯定没有正确地完成onload的工作。我只是把我的js链接移到了身体后面。谢谢谢谢，但我还是有麻烦。我甚至试图创建一个简单的元素来填充文本，但没有成功。。。我对这一切都不熟悉<代码>var p=document.createElement（“p”）；var hi=document.createTextNode（“hi”）；p、 儿童（hi）；文件.正文.附件（p）我在第4行得到相同的错误。“无法读取null的属性'appendChild'”执行此操作时，您的DOM尚未就绪。尝试将代码放在正文下或使用onLoad（）事件处理程序。这很有效。早些时候，我肯定没有正确地完成onload的工作。我只是把我的js链接移到了身体后面。谢谢
  <!DOCTYPE html>
  <html lang="en"> 
    <head>
        <meta charset="utf-8"/>
        <title>JAMTRACKS</title>
        <script type="text/javascript" src="js.js"></script>
    </head>
    <body>
        <div id="media-player">
        <div id="playlist">
            <table id="playlist-table"></table>
        </div>
        </div>
    </body>
  </html>

  function addTrack(title){
    var table = document.getElementById("#playlist-table");
    var tr = document.createElement("tr");
    var titleTd = document.createElement("td");
    var titleNode = document.createTextNode("title");

    table.appendChild(tr);    //ERROR IS HERE

    tr.appendChild(titleTd);
    titleTd.appendChild(titleNode);
    ...
  }
  addTrack(Song_Name);

document.querySelector('#playlist-table')