如何使用Javascript动态更改工具提示的文本

How can I dynamically change the text of a tooltip with Javascript?

本文关键字：工具提示 文本 何使用 Javascript 动态      更新时间：2023-09-26

我是Javascript的新手，希望用Javascript更改工具提示的文本。

我对这些问题进行了搜索，但似乎找不到任何有启发性的东西。

基本上，我需要获得工具提示文本，然后用其他内容替换它，而不会干扰底层HTML。

非常感谢。

假设elid是携带工具提示的元素的ID：

document.getElementById('elid').setAttribute('title', '_new content_');

举个例子，我想你指的是title属性？

Fiddle：http://jsfiddle.net/AtheistP3ace/wmzLs7gp/1/

HTML:

<a title="some text" id="blah">hi</a>
<button id="mybutton">change tooltip</button>

JS:

document.getElementById('mybutton').addEventListener('click',
    function () {
        // These following two lines are the part that matter
        var anchor = document.getElementById('blah');
        anchor.title = 'new tooltip';
    }
);

因此，这取决于从何处获取要替换工具提示文本的数据。但是，您可以按如下方式替换工具提示文本：

您需要在javascript中引用工具提示元素。接下来，您需要设置要更改的文本。

javascript中的基本选择器看起来像这个

var myElement = document.getElementById('yourElementId');

请参阅示例JSFiddle，它将在您运行后立即更改文本。希望这能为如何做出改变提供一个基础。

我不确定你是指我的工具提示，我假设你是指图像上的alt属性或title属性，你会得到一些其他HTML标签，由于缺乏信息，我建议研究setAttribute方法，例如

document.getElementById("myIdReference").setAttribute("alt", "My new Alt text");

这里有更多信息。。。

http://www.w3schools.com/jsref/met_element_setattribute.asphttps://developer.mozilla.org/en/docs/Web/API/Element/setAttribute

document.getElementById("myIdReference").title = 'my tooltip text'
相关文章：