脚本未创建<a> element</a>

时间:2012-07-13 00:58:34

标签: javascript html dom

我正在尝试添加指向页面的链接,除了页脚之外,我无法直接访问HTML。使用Javascript,我试图使用createElement()方法。我已成功使用相同的过程在标头中创建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元素时,appendChild()上的head而非body并且我没有设置{{1}我在innerHTML元素中所做的link元素。出于某种原因,上述代码不起作用。即使在删除第5行之后。

1 个答案:

答案 0 :(得分:5)

您正在使用属性.innerHTML作为方法。不要使用parens,请使用=。另外,我不打扰设置属性,只是直接设置属性值。代码更简单易读:

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)
}