JavaScript将工具提示更改为大写

Question

Is there a method in JavaScript to change a tooltip/title attribute to all uppercase? I know that tooltips can't be controlled through CSS, but I don't know anything about JavaScript.

I need to only change it on specific elements if possible.

Thank you for any information.

Answer 1

if you are using bootstrap, just apply "text-uppercase" to the tooltip element. It will automatically convert it to uppercase.

Answer 2

您可以使用jQuery通过以下方式使用Javascript的.toUpperCase() ：

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

Answer 3

Assuming you are talking about the default tooltip which appears upon mousing over an element with a title, you will have to do this by manipulating the title itself. You can access the title property through the DOM with:

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

Now this is, of course, inherently more difficult than simply changing the title itself, but if these are the criteria for what you are trying to accomplish it should work.

UPDATE

It appears there may be a pure CSS solution actually. Take a look at the top answer to this question: Styling native tooltip from title="Tooltip text"