「JavaScript」title属性でツールチップを表示するサンプル

環境
Windows 10 home 64bit
Google Chrome 103.0.5060.114

構文
document.getElementById('要素名’).title = “文字列";

使用例

<!DOCTYPE html>
<html>
<body>

<p id="cft">test</p>

<script>

document.getElementById('cft').title = "study skill\nbecome smart";

</script>

</body>
</html>

結果
文字「test」にツールチップが表示されます。「study skill」と「become smart」を改行します.

JavaScript

Posted by arkgame