javascript - 脚本未创建 元素

Question

我正在尝试添加一个链接到一个页面，除了页脚之外，我无法直接访问该页面上的 HTML。使用 Javascript，我尝试使用 createElement() 方法。我已成功使用相同的过程在 header 中创建 link 元素。

function createForgotPasswordLink(){
    var pwlink=document.createElement("a")
    pwlink.setAttribute("id", "forgotPssLink")
    pwlink.setAttribute("href", "http://www.mysite.com/page.aspx")
    pwlink.innerHTML("Forgot Password?")
    document.getElementsByTagName("body")[0].appendChild(pwlink)
}
createForgotPasswordLink();

两个脚本之间的唯一区别是，在创建 link 元素时，我在 head 上使用 appendChild() 而不是 body 并且我没有像在上面的 a 元素中那样设置 link 元素的 innerHTML 。由于某种原因，上面的代码不起作用。即使删除了第 5 行。

Answer 1

您正在像方法一样使用属性.innerHTML。不要使用括号，而使用 =。另外，我不会费心设置属性，只需直接设置属性值即可。代码更加简单易读:

function createForgotPasswordLink() {
    var pwlink = document.createElement("a");
    pwlink.id = "forgotPssLink";
    pwlink.href = "http://www.mysite.com/page.aspx";
    pwlink.innerHTML = "Forgot Password?";
    document.body.appendChild(pwlink)
}