このhref javascriptロジックはどのように機能しますか？

Question

私がミスを犯し、私が書いていたいくつかのコードでは、属性値を使用することを忘れていました：

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

と私はそれはまだかかわらず、働いていたことを見て驚きました。以下、この例での拡張で

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

、私はそれが奇妙な私はパス名を使用する前に、href属性をターゲットにする必要がないことがわかりますか？何とかhref属性からのパス名が必要だと思われるようです。

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

"/test-link/1"

Answer 1

あなたは文字列にアンカー要素を変換すると、あなたが実際にhref値を取得、またはより正確に「全体のURL」、およびないouterHTMLあなたが他のほとんどのと同じようにそれは

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>

を働く理由要素は、それです

アンカーのためのこの特殊な動作はspecification

HTMLHyperlinkElementUtils.toString（）

に指定されているが、全URLを含むUSVString を返します。
URLUtils.hrefの同義語ですが、値の変更には使用できません。