Javascript 如何更改数据工具提示消息

有没有一种方法可以通过使用javascript控制数据工具提示消息？比如HTMLDOM

/*将此属性添加到需要工具提示的元素中*/
[数据工具提示]{
位置：相对位置；
z指数：2；
光标：指针；
}
/*默认情况下隐藏工具提示内容*/
[数据工具提示]：在，
[数据工具提示]：在{
可见性：隐藏；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=0）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=0）；
不透明度：0；
指针事件：无；
}
/*将工具提示放置在图元上方*/
[数据工具提示]：之前{
位置：绝对位置；
底部：150%；
左：50%；
边缘底部：5px；
左边距：-80px；
填充：7px；
宽度：160px；
边界半径：2px；
边界：1px起点#c0；
盒影：3px2p5px#9F9F9F；
背景色：#000；
背景色：hsla（206,73%，34%，0.9）；
颜色：#FFFFFF；
内容：attr（数据工具提示）；
文本对齐：居中；
字体大小：11px；
字体系列：“投石机MS”，Helvetica，无衬线；
字体大小：粗体；
线高：1.2；
}
/*三角黑客使工具提示看起来像一个演讲泡泡*/
[数据工具提示]：在{
位置：绝对位置；
底部：150%；
左：50%；
左边距：-5px；
宽度：0；
边框顶部：5px实心#000；
边界顶部：5px固体hsla（206,73%，34%，0.9）；
右边框：5px实心透明；
左边框：5px实心透明；
内容：“；
字号：0；
线高：0；
}
/*悬停时显示工具提示内容*/
[数据工具提示]：悬停：在，
[数据工具提示]：悬停：在{
能见度：可见；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=100）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=100）；
不透明度：1；
}

---

当然可以。使用（

内容：attr（数据工具提示）

）从属性

数据工具提示中获取的属性文本

因此，您只需要将属性的值更改为您想要的值


函数更改工具提示（）{
document.getElementById（'abc'）.setAttribute（'data-tooltip'，'aaa'）；
}
/*将此属性添加到需要工具提示的元素中*/
[数据工具提示]{
位置：相对位置；
z指数：2；
光标：指针；
}
/*默认情况下隐藏工具提示内容*/
[数据工具提示]：在，
[数据工具提示]：在{
可见性：隐藏；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=0）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=0）；
不透明度：0；
指针事件：无；
}
/*将工具提示放置在图元上方*/
[数据工具提示]：之前{
位置：绝对位置；
底部：150%；
左：50%；
边缘底部：5px；
左边距：-80px；
填充：7px；
宽度：160px；
边界半径：2px；
边界：1px起点#c0；
盒影：3px2p5px#9F9F9F；
背景色：#000；
背景色：hsla（206,73%，34%，0.9）；
颜色：#FFFFFF；
内容：attr（数据工具提示）；
文本对齐：居中；
字体大小：11px；
字体系列：“投石机MS”，Helvetica，无衬线；
字体大小：粗体；
线高：1.2；
}
/*三角黑客使工具提示看起来像一个演讲泡泡*/
[数据工具提示]：在{
位置：绝对位置；
底部：150%；
左：50%；
左边距：-5px；
宽度：0；
边框顶部：5px实心#000；
边界顶部：5px固体hsla（206,73%，34%，0.9）；
右边框：5px实心透明；
左边框：5px实心透明；
内容：“；
字号：0；
线高：0；
}
/*悬停时显示工具提示内容*/
[数据工具提示]：悬停：在，
[数据工具提示]：悬停：在{
能见度：可见；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=100）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=100）；
不透明度：1；
}



将工具提示更改为“aaa”
，如数据属性中所述，可以通过
数据集
对象，使用
数据-
之后的属性名称部分进行访问

在您的示例中：


var-tlink=document.getElementById（'abc'）；
tlink.dataset.tooltip=“def”
/*将此属性添加到需要工具提示的元素中*/
[数据工具提示]{
位置：相对位置；
z指数：2；
光标：指针；
}
/*默认情况下隐藏工具提示内容*/
[数据工具提示]：在，
[数据工具提示]：在{
可见性：隐藏；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=0）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=0）；
不透明度：0；
指针事件：无；
}
/*将工具提示放置在图元上方*/
[数据工具提示]：之前{
位置：绝对位置；
底部：150%；
左：50%；
边缘底部：5px；
左边距：-80px；
填充：7px；
宽度：160px；
边界半径：2px；
边界：1px起点#c0；
盒影：3px2p5px#9F9F9F；
背景色：#000；
背景色：hsla（206,73%，34%，0.9）；
颜色：#FFFFFF；
内容：attr（数据工具提示）；
文本对齐：居中；
字体大小：11px；
字体系列：“投石机MS”，Helvetica，无衬线；
字体大小：粗体；
线高：1.2；
}
/*三角黑客使工具提示看起来像一个演讲泡泡*/
[数据工具提示]：在{
位置：绝对位置；
底部：150%；
左：50%；
左边距：-5px；
宽度：0；
边框顶部：5px实心#000；
边界顶部：5px固体hsla（206,73%，34%，0.9）；
右边框：5px实心透明；
左边框：5px实心透明；
内容：“；
字号：0；
线高：0；
}
/*悬停时显示工具提示内容*/
[数据工具提示]：悬停：在，
[数据工具提示]：悬停：在{
能见度：可见；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=100）”；
过滤器：progid:DXImageTransform.Microsoft.Alpha（不透明度=100）；
不透明度：1；
}

拨弄

var anchor = document.getElementById('abc');

anchor.onmouseover = function(){
   this.setAttribute('data-tooltip', 'hello sir');
};