我只是在学习这些东西,所以请原谅我的代码或问题是非常基本的。Javascript:DOM,appendChild - 几个问题
我的“工作代码”(没有错误等),只是让你知道我有这么远:
var t = document.createElement("table"),
tr = document.createElement("tr"),
tr2 = document.createElement("tr"),
td = document.createElement("td"),
td2 = document.createElement("td"),
a = document.createElement("a"),
strong = document.createElement("strong");
t.style.width = "80%";
t.style.border = "0";
t.cellspacing = "2";
t.cellpadding = "2";
。
for (var i = 0; i < nodes.length; i++) {
the_table_color = nodes[i].getAttribute("table_color");
the_type = nodes[i].getAttribute("type");
alt_link = nodes[i].getAttribute("alt_link");
link_for_deletion = nodes[i].getAttribute("link_for_deletion");
comment = nodes[i].getAttribute("comment");
tr.bgColor = the_table_color;
t.appendChild(tr);
td.width = "16%";
td.vAlign = "top";
tr.appendChild(td);
strong.appendChild(document.createTextNode(the_type));
td.appendChild(strong);
td.width = "16%";
td.vAlign = "top";
tr.appendChild(td);
td2.width = "70%";
td2.vAlign = "top";
tr.appendChild(td2);
a.href = alt_link;
a.appendChild(document.createTextNode(alt_link));
a.target = "_blank";
td2.appendChild(a);
}
正如你可以从上面我有这个有点看:
td = document.createElement("td"),
td2 = document.createElement("td"),
和其中的原因是,如果我没有在“TD”再次宣称,第一个被覆盖和第二个不显示...
A)这是正确的方式吗? (不知道这是正确的做法,我来了有关声明另一个变量来得到它的工作的解决方案,但它似乎是多余的代码)
然后这行代码:
strong.appendChild(document.createTextNode(the_type));
刚添加所有东西从在那里循环:(
例如,对于()循环的第一次迭代的具有abc
和第二有def
它ABCDEF显示,而不是ABC第一次和DEF的第二个。
B)为什么是这样,我该如何解决它?
谢谢!
对于初学者,请学会正确缩进代码。像WebStorm(或者甚至是jsFiddle)这样的编辑器都有这样的按钮... –
所有那些位于for-loop顶部的变量应该被声明......你正在污染全局命名空间。 –
给他休息一下 - 他说他在学习。 –