你如何在html中改变img上的工具提示值

Question

我正在安装一个具有html属性的应用程序：

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

我需要更改bs-tooltip值，我尝试更改它但不起作用。应用程序可能在某处缓存。

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

我尝试将Default Basic中的bs-tooltip值更改为：

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

没用。

Answer 1

您可以通过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来更精确地定位图片。

Answer 2

使用本机.setAttribute（）方法

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

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

jQuery替代

如果你有jQuery可用：

$(".logo-icon").attr("bs-tooltip", "'Basic'");