Question

我正在创建一个HTML文档并使用javascript创建一个图像元素。这是我的代码（已经定义了create）：

create=document.createElement("img");
create.src = 'data/1.png';
create.alt = 'image1';
create.style.magin = '1px';
eval("create.id = 'image" + count + "'");
create.class = 'block'; // line that breaks the code
document.body.appendChild(create);

我不知道这里出了什么问题，但这可能是显而易见的。有没有人有任何想法？

Answer 1

您的代码使用定义的变量count，示例图像以及向元素添加类的正确方法：

＆＃13;

var count = 1;
create=document.createElement("img");
create.src = 'http://via.placeholder.com/350x150'; // 'data/1.png';
create.alt = 'image1';
create.style.magin = '1px';
eval("create.id = 'image" + count + "'");
create.classList.add('block');
document.body.appendChild(create);

＆＃13;

Answer 2

因为没有eval的必要，你可以使用classList来添加一个类。

＆＃13;

for(var count = 1; count < 10; count++){ 
  create=document.createElement("img");
  create.src = 'data/1.png';
  create.alt = 'image' + count;
  create.style.magin = '1px';
  create.id = 'image' + count; 
  create.classList.add('block');
  document.body.appendChild(create);
}

＆＃13;

如果您只想添加样式，也可以使用create.style.display = 'block';。

更多示例如何设置属性和样式here

Javascript：预期标识符

2 个答案: