javascript - js中DOM方法创建结点,设置属性的一直报错

Question

使用document.creatElement()创建图片元素结点，但是使用element.setAttribute()时一直报错
js代码

var placeholder = document.createElement("img");
placeholder.setAttribute("id","placeholder");

报错

Uncaught TypeError: Cannot read property 'setAttribute' of undefined
    at preparePlaceholder (002.js:16)
    at window.onload (002.js:66)
preparePlaceholder @ 002.js:16
window.onload @ 002.js:66

Answer 1

应该是可以的,确定没写错吗？

        var placeholder = document.createElement("img");
        placeholder.setAttribute("id","placeholder");
        父节点.appendChild(placeholder)；

Answer 2

// 试了一下 可以 执行 会不会 哪里  错了。。。。。。
var placeholder = document.createElement("img");
placeholder.setAttribute("id","placeholder");
placeholder.setAttribute('src','https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png');
placeholder.setAttribute('alt','.');
document.body.appendChild(placeholder);

Answer 3

按照题注给出的代码来看是不会报错的。

我这边执行也是没有问题的。

从报的错误来看，placeholder 变量是没有定义的。

但是因为不知道16行到66行之间你做了什么，我也没办法回答啊╮(╯▽╰)╭

---------- updated ----------

我说一个可能的原因:

你的页面已经有的一个ID为 imagegallery 的元素,所以报错了。

我贴一下我的代码图,和我的报错图:

代码图

报错图

原因无非是他if语句判断为错,直接跳过了下面这句代码：

var placeholder = document.createElement("img");

还有啊,因为你的代码应该是有不少问题的,所以我认为在实际运行中应该还有很多其他的错误。例如:

Answer 4

看着并没有什么错误啊，你是不是有什么地方漏掉了