JavaScriptでのtitle属性の使用法は何ですか-フロントエンドQ&A-php.cn

JavaScriptでのtitle属性の使用法は何ですか

青灯夜游

リリース： 2021-12-08 16:50:49

オリジナル

3918 人が閲覧しました

JavaScript では、title 属性は、現在のドキュメントのタイトル、つまり HTML の title 要素内のテキストコンテンツを設定または返すために使用されます。タイトルを返すには、「document.title」ステートメントを直接使用します。 , "document.title= "設定する必要がある値" ステートメントを使用すると、タイトルを変更できます。

JavaScriptでのtitle属性の使用法は何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript では、title 属性を使用して、現在のドキュメントのタイトル (HTML title 要素内のテキストコンテンツ) を設定または返します。

構文:

ドキュメントのタイトルを返す

document.title

ログイン後にコピー

Settings (変更) ドキュメントのタイトル

document.title="需要设置的值"

ログイン後にコピー

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>旧文档标题</title>
	</head>
	<body>
		<input type="button" value="获取标题" id="btn1" />
		<input type="button" value="修改标题" id="btn2" />
		<script>
			function my(id) {
				return document.getElementById(id);
			}
			my("btn1").onclick = function() {
				var title = document.title;
				alert(title);
			}
			my("btn2").onclick = function() {
				document.title = "新文档标题";
				var title = document.title;
				alert("修改成功，新值为： " + title);
			}
		</script>
	</body>
</html>

ログイン後にコピー

JavaScriptでのtitle属性の使用法は何ですか