javascript - 为什么这个 javascript 不能运行？

Question

有人为我创建了这段代码: http://jsfiddle.net/kzFWa/

var downloadButton = document.getElementById("continue");
var counter = 60;
var newElement = document.createElement("p");
newElement.innerHTML = "<h3>or click here to continue in 60 seconds</h3>";
var id;

downloadButton.parentNode.replaceChild(newElement, downloadButton);

id = setInterval(function() {
    counter--;
    if(counter < 0) {
        newElement.parentNode.replaceChild(downloadButton, newElement);
        //newElement.innerHTML = "<a href="survey.php">Click Me To Continue</a>"
        clearInterval(id);
    } else {
        newElement.innerHTML = "<h3>or click here to continue in  " + counter.toString() + " seconds.</h3>";
    }
}, 1000);

但是，如果我改变

newElement.parentNode.replaceChild(downloadButton, newElement); 

到

newElement.innerHTML = "<a href="survey.php">Click Me To Continue</a>"

代码将不再运行。我做错了什么？

Answer 1

你有一个语法错误:

newElement.innerHTML = "<a href="survey.php">Click Me To Continue</a>"

不能在这样的双引号字符串中使用双引号。要么转义，要么改成单引号和双引号的组合:

newElement.innerHTML = '<a href="survey.php">Click Me To Continue</a>';