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。