Javascript：用标题替换锚点

Question

有没有办法使用javascript用标题文本替换锚点中的文本？

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

Answer 1

If you want to do this to all your links, try this:

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

​jsFiddle example .

Answer 2

Why, of course there is. Just set the innerHTML property of the anchor equal to the title property.

I'm curious, though: why don't you have the correct text in the first place?

Answer 3

var links = document.links;

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

Answer 4

Use the textContent property:

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 might not perfrom as expected if you have angle brackets in your title, since it could be parsed as HTML.