Javascript：AppendChild [英] Javascript: AppendChild
本文介绍了Javascript：AppendChild的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在学习 appendChild 并且到目前为止已经提出了这段代码：
I was learning about appendChild and have so far come up with this code:
var blah = "Blah!";
var t = document.createElement("table"),
tb = document.createElement("tbody"),
tr = document.createElement("tr"),
td = document.createElement("td");
t.style.width = "100%";
t.style.borderCollapse = 'collapse';
td.appendChild(document.createTextNode(blah));
// note the reverse order of adding child
tr.appendChild(td);
tb.appendChild(tr);
t.appendChild(tb);
document.getElementById("theBlah").appendChild(t);
<div id="theBlah">d</div>
但是这给了我一个错误说未捕获的TypeError：无法调用null的方法'appendChild'。我做错了什么？
But that gives me an error saying Uncaught TypeError: Cannot call method 'appendChild' of null. What am I doing wrong?
推荐答案
尝试将JavaScript包装在onload函数中。首先添加：
Try wrapping your JavaScript in an onload function. So first add:
<body onload="load()">
然后将你的javascript放入加载函数中，所以：
Then put your javascript in the load function, so:
function load() {
var blah="Blah!";
var t = document.createElement("table"),
tb = document.createElement("tbody"),
tr = document.createElement("tr"),
td = document.createElement("td");
t.style.width = "100%";
t.style.borderCollapse = 'collapse';
td.appendChild(document.createTextNode(blah));
// note the reverse order of adding child
tr.appendChild(td);
tb.appendChild(tr);
t.appendChild(tb);
document.getElementById("theBlah").appendChild(t);
}
这篇关于Javascript：AppendChild的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
