javascript - 使用 javascript 交换标题和标签

Question

我在第 3 方网站中有 html 代码:

<div class="info_texts">
  <a href="down.php?action=details&amp;id=111"
  onclick="get_file(111); return false;"
  title="TOO LONGER TEXT, TOO LONGER TEXT, TOO LONGER TEXT, TOO LONGER TEXT, TOO LONGER TEXT, TOO LONGER TEXT, TOO LONGER TEXT">

    <nobr>TOO LONGER TEXT, TOO LONGER TEXT, TOO...</nobr>
  </a>
</div>

现在我看到被 chop 的文本(短文本...)，没有整个文本(全文，没有...)

我想交换title=""与 <nobr></nobr>使用 javacript(greasemonkey 脚本)

网站里有很多<div class="info_texts">所以应该替换所有标签。

谢谢!

Answer 1

这里是一个示例代码:

// get all a tags with title inside div info_texts
var a = document.querySelectorAll('div.info_texts a[title]');

// loop through them
for (var i = 0, len = a.length; i < len; i++) {

  // use one of these
  // --------------------------------


  // 1- replaces the entire content including <nobr>
  a[i].textContent = a[i].title; 


  // 2- if you want to keep <nobr>
  var nobr = a[i].querySelector('nobr');
  if (nobr) { nobr.textContent = a[i].title; }


  // 3- combination of both above methods
  var nobr = a[i].querySelector('nobr');
  if (nobr) { nobr.textContent = a[i].title; }
  else { a[i].textContent = a[i].title; }


  // 4- more error checking, in case title is blank
  if (!a[i].title.trim()) { continue; }
  var nobr = a[i].querySelector('nobr');
  if (nobr) { nobr.textContent = a[i].title; }
  else { a[i].textContent = a[i].title; }
}