Dynamisch Erstellen, Javascript-Link

Ich versuche meinen text als link, wenn ich drauf klicke, führt es eine Funktion. Jetzt habe ich gerade festgelegt haben google.com um zu versuchen, um den text der als link erscheinen, aber es scheint nicht zu tun, überhaupt nichts. Es ist nur statischer text. Irgendwelche Vorschläge?

        var leftDiv = document.createElement("div"); //Create left div
        leftDiv.id = "left"; //Assign div id
        leftDiv.setAttribute("style", "float:left; width:66.5%; line-height: 26px; text-align:left; font-size:12pt; padding-left:8px; height:26px;"); //Set div attributes
        leftDiv.style.background =  divColor;
        a = document.createElement('a');
        a.setAttribute('href', 'google.com');
        user_name = a.appendChild(document.createTextNode(fullName + ' '));

        leftDiv.appendChild(user_name); //Add name to left div
  • Ein link zu einer anderen Seite, denke ich, hat die Verwendung eines vollständigen URI/domain-name: google.com werden muss http://google.com für die href link zu Google.
  • Es zeigt immer noch als statischen text anstelle von link.
  • Sie sind nie einfügen der Verknüpfung in das Dokument, wird nur der text-Knoten. a.appendChild gibt den Knoten angehängt.
InformationsquelleAutor mkyong | 2012-03-22
  1. 24

    Blick auf dieses Beispiel:

    http://jsfiddle.net/ajXEW/

    Ich habe einige Kommentare in den code, erklären die verschiedenen Schritte.

        var leftDiv = document.createElement("div"); //Create left div
    leftDiv.id = "left"; //Assign div id
    leftDiv.setAttribute("style", "float:left; width:66.5%; line-height: 26px; text-align:left; font-size:12pt; padding-left:8px; height:26px;"); //Set div attributes
    leftDiv.style.background =  "#FF0000";
    a = document.createElement('a');
    a.href =  'google.com'; //Insted of calling setAttribute 
    a.innerHTML = "Link" //<a>INNER_TEXT</a>
    leftDiv.appendChild(a); //Append the link to the div
    document.body.appendChild(leftDiv); //And append the div to the document body
    • Es arbeitete. Danke!
    • Ich aktualisierte die Antwort mit einigen neuen Kommentare in den code ein.
    • Warum ist a = document.createElement('a'); nicht var a = document.createElement('a'); ?
    • var a und a ist gleich var ist in javascript optional
    InformationsquelleAutor Simon Edström
  2. 0

    Probieren Sie es aus: http://jsfiddle.net/HknMF/5/

    var divColor = "red";
var fullName = "bob";

var leftDiv = document.createElement("div"); //Create left div
        leftDiv.id = "left"; //Assign div id
        leftDiv.setAttribute("style", "float:left; width:66.5%; line-height: 26px; text-align:left; font-size:12pt; padding-left:8px; height:26px;"); //Set div attributes
        leftDiv.style.background =  divColor;
        a = document.createElement('a');
        a.setAttribute('href', 'google.com');
        a.appendChild(document.createTextNode(fullName + ' '));

        leftDiv.appendChild(a); //Add name to left div

    document.body.appendChild(leftDiv);
    InformationsquelleAutor GoldenNewby
Schreibe einen Kommentar