Q&A
間違ったことコメントしちゃいました。削除しました
わからないこと
htmlのページのhead要素(ここでは例としてtitleとします)をjavascriptで動的に変更した後にその値を取得したいのですが、以下のコードではうまくいかないのがよくわかっていません。
現状のコード
html
1.. 2... 3<head> 4 <title>タイトル</title> 5</head> 6 7<body> 8 <!-- ここにタイトルを埋め込み、変化させたものを表示したい --> 9 <p> 10 <script type="text/javascript"> document.write(document.title) </script> 11 </p> 12 <!-- ボタンクリックでタイトルを変える --> 13 <input type="button" value="change" onclick="changeTitle()"> 14 15 <script type="text/javascript"> 16 function changeTitle() { 17 document.title = "タイトルが変更されました" 18 } 19 </script> 20</body>
期待することは、
⓪ はじめ、pタグに埋め込まれたタイトルはデフォルト
① changeボタンクリック
② タイトルが変更される
③ pタグに埋め込まれた変更後のタイトルが表示される
事なのですが、どうしたら良いのか...。表面上はページのタイトルが変わっているので、ブラウザのタブには変更が反映されています。どなたか教えて頂けますでしょうか。
回答2件
0
javascript
1document.write(document.title)
に、タイトルの変更を監視するような機能はありません。
ページが読み込まれるときに一度だけ実行されてそれで終わりです。
p 要素の内容をタイトルと同じにしたいなら、changeTitle() の中に p 要素の内容を変更するコードを追加すればいいです。
投稿2019/11/15 12:10
総合スコア999
0
ベストアンサー
changeTitle関数内で書き換えるコードを書けばよいです。（逆にそれ以外は面倒なコードになると思う）
投稿2019/11/15 11:43
総合スコア69596
document.title = ...
が代入? だと思っていたのですがこれは書き換えてることにはならないのでしょうか？
ページタイトルをそこで書き換えているのはわかっています。
HTML内にあるページタイトルの文字列を書き換えたいなら、そのタイミングで当該箇所のHTMLを書き換える必要があるという回答です。
文字列を書き換えたいというよりは、書き換えたページタイトルを再取得したいという感じです。(質問がわかりにくくてすいません。)
今はタイトルを表示させてますが、例えば、書き換えたタイトルを別の関数が引数に取ったり(document.titleで再取得する時に書き換えられていないのはなぜなのか？ということです)といったこと等もしたいのです。
> document.titleで再取得する時に書き換えられていないのはなぜなのか
質問文には「再取得」のコードは書かれていませんので、当該コードを提示してください。
あなたの回答
tips
プレビュー
