document.getElementById("#foo")；返回null
我想创造一个媒体播放器。
我不知道为什么我对document.getElementById("#playlist-table");的调用在我的<table id="playlist-table"></table>中返回null。我试着在</body>标记之前运行脚本，以确保DOM已经准备好，但仍然没有成功。这是我的代码：
HTML(shortened)
<!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>JS(简称)
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);Error：Uncaught :无法读取属性'appendChild‘的null
谢谢
回答 3
Stack Overflow用户
发布于 2016-07-04 02:03:06
从选择器中移除散列标记#
var table = document.getElementById("playlist-table");
如果你想保留它，你应该使用querySelector()
document.querySelector('#playlist-table')Stack Overflow用户
发布于 2016-07-04 02:03:43
查询id的正确方法：
document.getElementById('foo');
或
document.querySelectorAll('#foo');
返回第一个元素：
document.querySelector('#foo');
Stack Overflow用户
发布于 2016-07-04 02:04:53
^^
var table =document.getElementById(“播放列表-表”)；
https://stackoverflow.com/questions/38176017
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号