javascript - Javascript：アンカーをタイトルに置き換えます

Question

javascriptを使用して、アンカー内のテキストをタイトルテキストに置き換える方法はありますか？

 <a href="#" title="3pk Cotton Boxer Shorts (13 - 14 Years)">3pk Cotton Boxer Short...</a>

Answer 1

すべてのリンクに対してこれを行いたい場合は、これを試してください。

var link = document.getElementsByTagName('a');
for(var i =0;i<link.length;i++) {
    link[i].innerHTML = link[i].title;
}

jsFiddle の例。

Answer 2

なぜ、もちろんあります。innerHTMLプロパティと等しいアンカーのプロパティを設定するだけtitleです。

興味深いのですが、そもそも正しいテキストがないのはなぜですか?

Answer 3

var links = document.links;

for (var i = 0; i < links.length; i++)
    links[i].innerHTML = links[i].attributes['title'].value;

Answer 4

textContent次のプロパティを使用します。

var anchor_list = document.getElementsByTagName('a'); // or however you'd like to select the target <a>'s
for(var i = 0; i < anchor_list.length; ++i) {
    var a = anchor_list[i];
    if(typeof a.textContent != "undefined") {
        a.textContent = a.title;
    } else {
        a.innerText = a.title; // old IE support
    }
}

innerHTMLタイトルに山かっこが含まれていると、HTML として解析される可能性があるため、期待どおりに動作しない可能性があります。