Changes between Version 7 and Version 8 of HowTo/JavaScriptTutorial

Timestamp:

Jun 18, 2010, 2:40:52 PM (14 years ago)

Author:

村山 俊之

Comment:

--

HowTo/JavaScriptTutorial

@@ -416 +416 @@
 }}}
 
-'''document''' オブジェクト (言うまでもなく、正式名称は window.document です) は、Web ブラウザに読み込まれた HTML 文書を操作する際に用いるオブジェクトです。 window オブジェクトと同様、さまざまな機能があり、多くの属性とメソッドを持っていますが、その中でも document.getElementById() メソッドは、今後もっとも頻繁に利用するメソッドの一つです。このメソッドは、先ほどの id 属性に記述した ID で HTML 要素を検索し、その HTML 要素をオブジェクトとして取得する、というものです。
+'''document オブジェクト''' (言うまでもなく、正式名称は window.document です) は、Web ブラウザに読み込まれた HTML 文書を操作する際に用いるオブジェクトです。 window オブジェクトと同様、さまざまな機能があり、多くの属性とメソッドを持っていますが、その中でも document.getElementById() メソッドは、今後もっとも頻繁に利用するメソッドの一つです。このメソッドは、先ほどの id 属性に記述した ID で HTML 要素を検索し、その HTML 要素をオブジェクトとして取得する、というものです。
 
 すなわち、
@@ -432 +432 @@
 }}}
 
-document.getElementById() メソッドなどによって取得された HTML 要素オブジェクトも、これまたさまざまな属性やメソッドを持っています。その中の一つ、 innerHTML 属性は、まさにその属性が内包する HTML そのものを、文字列として保持する、というものです。これによって、 <p> ～ </p> の間に挟まれている文の HTML が、メッセージボックスにそのまま表示される、というわけです。
+document.getElementById() メソッドなどによって取得された HTML 要素オブジェクトも、これまたさまざまな属性やメソッドを持っています。その中の一つ、 '''innerHTML 属性'''は、まさにその属性が内包する HTML そのものを、文字列として保持する、というものです。これによって、 <p> ～ </p> の間に挟まれている文の HTML が、メッセージボックスにそのまま表示される、というわけです。
 
 それでは、逆にこの innerHTML 属性に対して文字列を代入した場合、何が起きるでしょうか? すでにご想像の通り、まさに、代入したとおりに HTML が書き換わり、その内容に合わせて画面の表示も変化します!!