JavaScript将工具提示更改为大写

Question

JavaScript中是否有方法将工具提示/标题属性更改为全部大写？我知道工具提示无法通过CSS控制，但我对JavaScript一无所知。

如果可能，我只需要在特定元素上进行更改。

感谢您提供任何信息。

Answer 1

如果您使用的是bootstrap，只需将＆＃34; text-uppercase＆＃34; 应用于tooltip元素即可。它会自动将其转换为大写。

Answer 2

您可以使用jQuery以下列方式使用Javascript＆＃39; .toUpperCase()：

$('#SomeSelectorOfToolTip').attr('title', $('#SomeSelectorOfToolTip').text().toUpperCase())

Answer 3

假设您正在讨论将鼠标悬停在具有标题的元素上时出现的默认工具提示，则必须通过操纵标题本身来完成此操作。您可以通过DOM访问title属性：

var newTitle = document.getElementById("myElement")[0].title.toUpperCase
document.getElementById("myElement")[0].title = newTitle

当然，这当然比简单地改变标题本身更难，但如果这些是你想要完成的标准，它应该有用。

<强>更新

看来实际上可能有一个纯CSS解决方案。请看一下这个问题的最佳答案：Styling native tooltip from title="Tooltip text"