javascript将表头添加到html表

我正在尝试使用javascript函数向html表添加标题。整个脚本相当大，所以我只包含了创建html表的html代码段，然后是应该向该表添加标题的函数。单击按钮时，将调用此函数。 但是，我得到以下错误：

Locations.html:703未捕获类型错误：无法读取null的属性“createTHead” 第703行对应于var hdr=tbs.createTHead；代码行。似乎函数找不到myTable表，在按id行运行getelement时返回null，我想..但我不确定为什么？为什么它找不到这个表元素

函数locClickstrLN{ RegionName.innerText=strLN； var qry=选择纬度、经度、位置描述，其中位置_ID位于位置_Name='+strLN+'； clearDivmainCont； clearDivstatsLoc； clearDivlistLoc； phpRequestqry，getDataFromPhp，processPHP，1； addTableHeadmyTable，帮助； } 函数addTableHeadtbName，txtHead{ var tbs=document.getElementByIdmyTable； var hdr=tbs.createTHead； var rw=hdr.insertRow0； var cell=rw.insertCell0； cell.innerHTML=txtHead；}

---

我看到getElementById返回NULL的唯一原因是调用函数时DOM中不存在myTable

测试时是否手动调用该函数

可以使用DOMContentLoaded事件调用访问DOM的函数：

document.addEventListener('DOMContentLoaded', function() {
// Put JavaScript in here
});

---

很抱歉，我忘了在函数中包含右括号-但这是我的代码。只需编辑您的问题即可更正。还有，去掉所有额外的换行符。错误是不言自明的。无法读取null的属性THead。所以，我们看一下你的代码，看看你在哪里访问THead，看一下你调用它的对象，因为这个对象是空的。该对象是tbs。如果我们再看看tbs从哪里来，我们会在它上面的一行找到它。这行看起来不错，因为您的表id为myTable。这就引出了一个问题：代码何时执行。如果addTableHead函数在HTML完成解析之前运行，它将解释此错误。您能否显示addTableHead函数是如何加载和调用的？您好，谢谢您的评论，我有一个单击的按钮。当点击按钮时，它调用这个函数，然后调用addTableHead函数：你可能是对的，但是我们没有足够的信息来知道这一点，因此你不能说这就是问题所在。这应该是一个注释，而不是答案。我们确实知道id myTable存在，就像HTML一样。因此，返回NULL的唯一原因是调用时id不存在。这不是真的。由于OP没有共享所有的代码，我们不知道唯一的原因是什么。我只是想让你明白，一个好的答案是由这个问题提供信息的。因为这个问题并没有分享我们甚至无法复制的所有信息，所以你的想法最好以评论的形式表达出来。JavaScript和DOM的基本知识会让你得出与我相同的结论。他留下了回答他的所有信息。你可以随心所欲地争论。我试图帮助您在堆栈溢出方面取得成功。推断出的答案，特别是在答案中提出问题的答案，如您的答案，最好作为评论提供。我真的很抱歉，如果你不能理解这是如何工作的网站。