只要您有可用的 jQuery,您就可以尝试:
$('img[title], img[alt]').removeAttr('title').removeAttr('alt');
这适用于 Ubuntu 10.10 上的 Chromium 10 控制台。
针对@Iku的评论进行了编辑:
您好,感谢您的帮助。不幸的是,我确定我已将内置 jQuery 库排入队列并添加了您建议的代码,但它似乎仍然无法正常工作。(它在源代码中,如果您想查看该站点。)这似乎是一个愚蠢的问题,但是代码是否需要放置在页面上的特定位置才能工作?如果有,在哪里?
上面的 jQuery 应该位于以下任一内部:
$(document).ready(
function(){
$('img[title], img[alt]').removeAttr('title').removeAttr('alt');
});
或者:
$(window).load(
function(){
$('img[title], img[alt]').removeAttr('title').removeAttr('alt');
});
两者之间的区别在于$(document).ready()
DOM 加载并准备就绪时发生;while$(window).load()
在页面上链接到的资源(例如img
元素)已加载后发生。
要测试您的浏览器,请打开 JavaScript 控制台( Chrome/Chromium/Safari 中的ctrl++ shift)i,然后将以下内容粘贴到控制台中:
var s = document.createElement('script'); s.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'; document.getElementsByTagName('head')[0].appendChild(s);
点击enter,然后粘贴以下内容:
$('img[title], img[alt]').removeAttr('title').removeAttr('alt');
在此之后,您应该能够悬停任何img
元素并看到 no title
,并且在丢失图像的地方alt
不应该显示。
参考: