Wie funktioniert diese Javascript-Logik? Ich schrieb

Question

machte ich einen Fehler und vergessen, den Attributwert in einigen Code zu verwenden:

<a href="http://somesite.org/test-link/1" class="summary-title-link"></a> 

var link = document.getElementsByClassName("summary-title-link")[0], 
    ele = document.createElement("a"); 
ele.href = link; 

und ich war überrascht zu sehen, dass es unabhängig noch gearbeitet.

<a href="http://somesite.org/test-link/1"></a>

In Erweiterung mit diesem Beispiel unten, finde ich es seltsam, dass ich vor der Verwendung Pfadname nicht das Attribut href Ziel muss? es scheint irgendwie anzunehmen, dass ich den Pfadnamen vom href-Attribut haben möchte.

var link = document.getElementsByClassName("summary-title-link")[0].pathname; 

"/test-link/1"

Answer 1

Wenn Sie ein Ankerelement in eine Zeichenfolge konvertieren, erhalten Sie tatsächlich den href Wert, oder genauer gesagt „die ganze URL“ und nicht die Outerhtml wie bei den meisten anderen Elemente, das ist, warum es

var href = document.getElementsByClassName("test")[0]; // DOM element 
 

 
console.log(href.toString()); // gives you "http://google.com"

<a class="test" href="http://google.com">link</a>

arbeitet

Dieses spezielle Verhalten für Anker in der

HTMLHyperlinkElementUtils.toString()

Gibt ein USVString enthält die gesamte URLspecification

angegeben.
Es ist ein Synonym für URLUtils.href, obwohl es nicht zum Ändern des Werts verwendet werden kann.