javascript - 更改现有网页以将属性值显示为文本

Question

我访问了一个网页，我想让它(对我来说)更加用户友好。

它包含一个电影标题列表，其中包含指向 imdb.com 的链接。IMDB 用户评分可以被视为工具提示(标题属性)，这就是问题所在。查看每页 50 部电影的评分需要很长时间(感觉就像;-)。

我尝试使用 Chrome 插件 Stylebot 更改页面，但没有成功。(那是在我询问网站所有者是否可以进行更改之后......)

有没有办法让工具提示始终可见？就在图片之后就可以了——有足够的空间来放置文字。

代码:

<div class="showtitle">
    <a target="_blank" href="htts://www.imdb.com/title/tt1254207/">
        <img src="imdb.png" style="" title="Rating: 6.7/10 (1573 votes)">
    </a>
</div>

Answer 1

安装了支持自定义 JavaScript 的 Chrome Pugin RWeb。

以下内容有效，但欢迎对我的代码进行改进 - 之前几乎没有做过任何 JavaScript ;-)

ready(function() {
var showtitleList = document.getElementsByClassName("showtitle");
for (var i=0; i<showtitleList.length; i++) {
  var elementAList = showtitleList[i].getElementsByTagName("a");
  if(elementAList.length>0){
    var aImgElement = elementAList[0].getElementsByTagName("img");
    if(aImgElement.length>0){
      var imdbRating = aImgElement[0].title;
      elementAList[0].innerHTML = imdbRating;
    }
  }
}

});