如何動態更改Javascript工具提示的文本？

我是JavaScript新用戶，並且想用Javascript更改工具提示的文本。如何動態更改Javascript工具提示的文本？

我已經圍繞這些問題進行了搜索，但似乎無法找到任何照亮的東西。

基本上我需要得到工具提示文本，然後用其他東西替換它，而不會干擾底層的HTML。

感謝堆。

來源

2015-11-23 Shelloid

你能證明使用HTML？工具提示 - 你是指alt和title屬性嗎？ –

http://www.javascriptkit.com/script/script2/tooltip.shtml ?? –

我的意思是標題屬性，遺憾的是缺乏細節。 – Shelloid

假設elid是承載工具提示元素的ID：

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

來源

2015-11-23 21:43:03 collapsar

簡單的例子，我想你指的是title屬性？

小提琴：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'; 
    } 
);

來源

2015-11-23 21:43:27 AtheistP3ace

所以這取決於你在哪裏都可以從您要更換的工具提示文本數據。但是，您可以按如下方式替換工具提示文本：

您將需要引用javascript中的工具提示元素。接下來，您需要設置您想要更改的文本。

基本選擇在JavaScript看起來像這樣

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

見的例子JSFiddle，將只要您運行更改文本。希望這應該爲如何改變提供基礎。

來源

2015-11-23 21:47:23

假設我已經理解你到底想要達到什麼:) –

我不能確定你的意思我的工具提示，我假設你指的是alt屬性的圖像或title屬性你得到一些其他的HTML標籤，這樣的信息缺乏我建議尋找到setAttribute方法，例如

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

來源

2015-11-23 21:47:49

原來有其他的標題元素，所以這工作：最後使用jQuery進行排序。 – Shelloid

感謝您的意見。 – Shelloid

如何動態更改Javascript工具提示的文本？

回答

相關問題