如何在 HTML 中更改 IMG 上的工具提示值

how do you change the tooltip value on an img in html

本文关键字：IMG 工具提示 HTML      更新时间：2023-09-26

我正在安装一个具有 html 属性的应用程序，如下所示：

<img class="logo-icon ng-scope" src="img/fav32.png" bs-tooltip="'Default'" data-placement="bottom" data-original-title="" title="">

我需要更改 bs 工具提示值，我尝试更改它但不起作用。应用程序可能正在某处缓存。

有没有办法通过css或javascript更改bs-tooltip的值？

我尝试将 bs 工具提示值从默认基本更改为：

<img class="logo-icon" src="img/fav32.png" bs-tooltip="'Basic'" data-placement="bottom">

没有用。

你可以通过Javascript更改它： 

var image = document.getElementsByTagName("img")[0];
image.setAttribute("bs-tooltip", "your new value");

或者，如果您使用的是 jQuery： 

$("img").attr("bs-tooltip", "your new value");

这里有一个小提琴：http://jsfiddle.net/hsxx0pwo/

您可以通过为图像提供id并使用getElementById而不是getElementsByTagName来更精确地定位图像。

使用 native .setAttribute（） 方法

document.getElementsByClassName('logo-icon')[0].setAttribute('bs-tooltip', "'Basic'");

注意：IE8 及更早版本不支持.getElementsByClassName()。

jQuery alternative

如果您有可用的 jQuery：

$(".logo-icon").attr("bs-tooltip", "'Basic'");
相关文章：