HTML要素を変更

HTML DOMを通じて、JavaScriptはHTMLドキュメントの各要素にアクセスして変更することができます.
 
要素テキストの内容を変更

document.getElementById("p1").innerHTML="   !";  //   id p1         

 
要素のスタイルを変更

document.getElementById("p2").style.color="blue";
document.getElementById("p2").style.fontFamily="Arial";
document.getElementById("p2").style.fontSize="larger";

 
イベントに応答して上記の修正を行います.
HTML DOMは、イベントが発生した時に、該当コードを実行することができます.以下のイベントを含みます.元素上でクリックすると、オンロックイベントに応答してページをロードするようになります.

    <span style="color: #0000ff;">function</span><span style="color: #000000;"> OnClickEnvent()
    {
        document.body.style.backgroundColor</span>="lavender"; <span style="color: #008000;">//</span><span style="color: #008000;">  body  </span>
        document.getElementById("p1").innerHTML="Hello World!"; <span style="color: #008000;">//</span><span style="color: #008000;">  id p1       </span>
<span style="color: #000000;">    }
</span>

Hello!