Question

我有以下代码：

function icon(link) {
var iccon = document.createElement('div');
var iccons = document.createElement('td');
iccon.setAttribute('id', 'icon');
icons.appendChild(iccons);
iccon.setAttribute('onclick', 'window.open("' + link + '");');
iccons.appendChild(iccon);
var icons = document.getElementById('icons');
};

HTML代码为here。

Answer 1

尽管很难说你要用代码实现什么，但我必须说这是一个排序错误：你想将新创建的项追加到你声明的#icons元素中最后。
将最后一个语句移到函数顶部，一切都将按预期工作：

function icon(link) {
    var icons = document.getElementById('icons');
    var iccon = document.createElement('div');
    var iccons = document.createElement('td');

    iccon.setAttribute('id', 'icon');
    icons.appendChild(iccons);
    iccon.setAttribute('onclick', 'window.open("' + link + '");');
    iccons.appendChild(iccon);
};

以下是更新的演示：http://codepen.io/gion/pen/NRmgPJ

我必须说你应该更加注意命名。当它们名不好时，事情变得难以阅读。

JS - document.createElement不起作用

1 个答案: