javascript - H1 タイトルが正しく設定されていない

Question

Web サイト (WordPress サイト) の h1 タグにテキストを設定しようとしています。フッターとヘッダーでコードをテストしましたが、完全に読み込まれる前に Web ページで最後に実行されます。

<script>
function setTitle() {
    alert('ok');
    var a = document.getElementsByTagName("h1");
    a.innerHTML = "yourTextHere";
}

window.onload = setTitle;
</script>

私のコードの何が問題なのか、それとも WordPress で競合しているのかを指摘できる人はいますか?

ありがとう、ルーク。

Answer 1

getElementsByTagNameHTMLCollection(配列のようなオブジェクト) を返します。

使用する

var a = document.getElementsByTagName("h1")[0];

配列の最初の要素を取得します。

Answer 2

これを試して：

Don't use getElementsByTagName(). Instead use getElementsByID and give some ID to your h1 tag where you want to set.

And then Set it like

var a = document.getElementsByID("h1");
    a.innerHTML = "yourTextHere";

-

ありがとう