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

时间:2016-07-02 19:10:05

标签: javascript html css attributes stylebot

我访问了一个网页,我想为我做一点(对我而言)更加用户友好。

它包含一个列表电影标题,其中包含指向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>

1 个答案:

答案 0 :(得分:0)

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

以下有效但我的代码改进是受欢迎的 - 以前几乎没有做任何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;
    }
  }
}

});