JavaScriptを使用していてtitleタグの要素の取得苦戦したのでメモを残します。
サーバー側の処理はなくhtmlとjsだけで動かします。
機能としてはボタン押下時にブラウザのタイトルが切り替わるようにしたいと思います。
【titleタグの要素取得/変更】
//html<!DOCTYPE html>
<html lang="ja" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<button id="button" onclick="changeTitle()">ChangeTitle </button>
<script type="text/javascript" src="./JS/test.js"></script>
</body>
</html>
//JavaScript
titleタグの取得は「document.title」になるんですね。
変更する際は「document.titel='○○'」と代入するだけでOKです。
"use strict";
function changeTitle(){
//test→change
if(document.title=='test'){
document.title='change';
return;
}
//change→test
if(document.title=='change'){
document.title='test';
return;
}
}
以上、メモでした。