JavaScriptを使用してフォーム内のh1要素の値を変更する

Question

HTML5ページに2つのフォームがあります。各フォームには名前とIDがあります。 2番目の形式にはh1要素があり、これにも名前とIDがあります。プレーンJavaScriptを使用して、2番目のフォームのこのh1要素のテキストを変更するにはどうすればよいですか？

Sudhir Bastakoti · Accepted Answer

試してください：

 document.getElementById("yourH1_element_Id").innerHTML = "yourTextHere";

Ioannis Karadimas · Answer

これを使用できます：document.getElementById('h1_id').innerHTML = 'the new text';

mpm · Answer

document.getElementById("myh1id").innerHTML = "my text"

harry · Answer

以下を試すことができます：

document.getElementById("your_h1_id").innerHTML = "your new text here"

jo_va · Answer

次の方法で通常のJavaScriptで実行できます。

document.getElementById('h1_id').innerHTML = 'h1 content here';

getElementById および innerHTMLプロパティのドキュメントを次に示します。

innerHTMLプロパティの説明：

要素の子孫のHTMLシリアル化を含むDOMString。 innerHTMLの値を設定すると、要素のすべての子孫が削除され、文字列htmlStringで指定されたHTMLを解析して構築されたノードに置き換えられます。