JS函数中的标记无效或意外

时间:2016-12-18 22:14:12

标签: javascript token

这是我的代码到目前为止,我需要使用按钮创建幻灯片 - 所以如果我点击btn1 => pic1出现等 我成功创建了仅通过点击附加新图片的代码,但这并不是我需要的。我只能使用JavaScript,不能使用jQuery。

我的代码如下,我很乐意收到任何帮助。谢谢! 它也不会在jsfiddle中呈现任何内容,也可能是我糟糕的互联网。

var newDiv = document.createElement("div");
newDiv.id = "mainDiv";
document.body.appendChild(newDiv);

var divOne = document.createElement("div");
divOne.id = "one";
newDiv.appendChild(divOne);

var divTwo = document.createElement("div");
divTwo.id = "two";
newDiv.appendChild(divTwo);

var divThree = document.createElement("div");
divThree.id = "three";
newDiv.appendChild(divThree);


var btn1 = document.createElement("BUTTON");
btn1.textContent = "1";
btn1.id = "but1";
newDiv.appendChild(btn1);

document.getElementById("but1").onclick = function() {
document.getElementById("one").className = "firstImg";
}​;

var btn2 = document.createElement("BUTTON");
btn2.textContent = "2";
btn2.id = "but2";
newDiv.appendChild(btn2);

document.getElementById("but2").onclick = function() {
document.getElementById("two").className = "secondImg";
};

var btn3 = document.createElement("BUTTON");
btn3.textContent = "3";
btn3.id = "but3";
newDiv.appendChild(btn3);

document.getElementById("but3").onclick = function() {
document.getElementById("three").className = "thirdImg";
}​;

1 个答案:

答案 0 :(得分:2)

删除并重新键入报告为非法字符的行。帖子包含两个零宽度空格字符,Unicode U + 200b,它们为第25和43行中的无效字符生成控制台错误。删除后代码开始工作(它至少在页面上创建按钮)。

他们是如何到达那里的还很难说 - 通常它是为我做的脂肪手指打字,但谁知道呢。