呉ユーキション - 学習の自然生まれのJavaScript開発：DOM - HTMLを変更

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
< メタのcharset = "UTF-8" > 
< タイトル>菜鸟教程（runoob.com）</ タイトル> 
</ ヘッド> 
< 身体> 

< スクリプト> 
のdocument.write（日付（） ）; 
</ スクリプト> 

</ ボディ> 
</ HTML >

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
< メタのcharset = "UTF-8" > 
< タイトル>菜鸟教程（runoob.com）</ タイトル> 
</ ヘッド> 
< 身体> 

< p個のID = "P1" > Hello Worldの！</ P > 
< スクリプト> 
のdocument.getElementById（" P1 " ）.innerHTML = " 新文本！" 。
> 
< P >上記のパラグラフのスクリプトでテキストを変更します。</ P > 

</ ボディ> 
</ HTML >

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
< メタのcharset = "UTF-8" > 
< タイトル>菜鸟教程（runoob.com）</ タイトル> 
</ ヘッド> 
< ボディ> 

< H1 ID = "ヘッダ" >旧标题</ H1 > 
< スクリプト> 
のvar 要素= のdocument.getElementById（" ヘッダ" ）。
素子。" ;
 </ スクリプト> 
< P > "古いタイトルが新しいタイトルで置換されている"" "。</ P > 

</ ボディ> 
</ HTML >

<！DOCTYPE HTML > 
< HTML > 
< ヘッド> 
< メタのcharset = "UTF-8" > 
< タイトル>菜鸟教程（runoob.com）</ タイトル> 
</ ヘッド> 
< ボディ> 

< IMG ID = "画像" SRC =」 「smiley.gif 幅= "160" 高さ= "120" > 
< スクリプト> 
のdocument.getElementById（" 画像" ）。" ;
 </ スクリプト> 
< p型> smiley.gifのためのオリジナル絵、スクリプトがlandscape.jpg画像に変更されます。</ p型> 

</ ボディ> 
</ HTML >