JavaScript を使用した Div コンテンツの動的変更

JavaScript を使用した div 要素のコンテンツの変更は、直感的なアプローチで実現できます。次の HTML コード スニペットは例として機能します:

この例の目的は、値「A」または「B」を持つラジオ ボタンのユーザーの選択に基づいて、div#content の内部 HTML コンテンツを変更することです。ただし、div 要素には、このアクションを容易にするための JavaScript 属性「value」がありません。

これに対処するために、JavaScript は HTML 要素の innerHTML プロパティを利用する簡単な解決策を提供します。次のコードを実装することで、changeDivContent() 関数内に

document.getElementById("content").innerHTML = "whatever";

のコンテンツを動的に設定できます。 div#content を任意の値に変更します。これにより、JavaScript コード内のユーザー入力またはその他の動的条件に基づいて div 要素のコンテンツをシームレスに更新できます。