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。