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

環境
Windows 10 home 64bit
Google Chrome 103.0.5060.114

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

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html>
<body>
<p id="cft">test</p>
<script>
document.getElementById('cft').title = "study skill\nbecome smart";
</script>
</body>
</html>
<!DOCTYPE html> <html> <body> <p id="cft">test</p> <script> document.getElementById('cft').title = "study skill\nbecome smart"; </script> </body> </html>
<!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