Question

I am trying to add a link to a page I cannot directly access the HTML on, aside from the footer. Using Javascript, I am attempting to use the createElement() method. I have successfully used the same process to create a link element in the header.

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();

The only difference between the two scripts is that when making the link element, I appendChild() on the head not body and I do not set the innerHTML of the link element as I have done in the above a element. For some reason, the above code does not work. Even after removing line 5.

Answer 1

You are using the property .innerHTML like a method. Don’t use parens, use an =. Also, I wouldn’t bother setting the attributes, just set the property values directly. The code is more straightforward and easier to read:

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