アダルト・出会い系・結婚裏情報TOPへ 本文へジャンプ

innerHTMLとは?

結婚 できない 男での検索結果です

優先キーワードは 結婚
まず、JavaScriptの根幹である「オブジェクト」について、少し触れておきます。JavaScriptは「オブジェクト指向型言語」ですから、仕組みから学ぶ時はオブジェクトの理解が必須なのです。
この言語は、ほとんどのものがオブジェクトです。なにがなんでもオブジェクトです。windowとかdocumentなどおなじみのやつを始めとして、変数も配列もオブジェクトですし、メソッドや自作の関数もオブジェクトなら、HTMLまでもオブジェクト(ドキュメントオブジェクトモデル=DOM)となります。
オブジェクトは基本的に「操作されるもの」で、ただ存在するだけです。ただし、例外として、メソッドと関数は「操作するもの」です。(機能を持ったオブジェクト、ということです)
など、ドット演算子(ピリオド)でつなげて、オブジェクトを操作します。(最後のやつはちょっと特殊ですけど)
見てわかる通り、オブジェクトがなければ、メソッドもプロパティも意味を持ちませんよね。単にwrite()とやっても、「どこに書くの?」となってしまいます。
この場合はwindow.write()と解釈されて、windowオブジェクトはwrite()メソッドを持っていない旨のエラーが出ます。
ちなみにプロパティというのは、早い話が「オブジェクトが持っている値」または「オブジェクトに設定されている値」です。innerTextとinnerHTMLは関数でなく、プロパティです。
これらを踏まえた上で、JavaScriptでは、「オブジェクトの××を(に)・〜する」というのが基本構文となります。「××を(に)」の部分がプロパティです。
このように、オブジェクトはそれぞれ決まったメソッド・プロパティを持っています。(アンクJavaScript辞典の巻末の方に、主なものが載ってます)
てな感じで、二重や三重にプロパティを重ねることもあります。(valueもlengthもプロパティです)
まぁ、オブジェクト概念は説明も理解も難しいんですが、(達者な人を目指すなら)やはり必須です。理解できると、すごく柔軟な組み方ができますよ。色々なスクリプトを組みながら、少しずつ、かつ体験的に習得してくださいね。(みっちり取り組めば、1年で結構なとこまで行けます)
あと、オブジェクト概念の解釈には、いくつか自分独自と思われる箇所があります。あんまり信じすぎないでください。(苦笑)
で、やっと本題ですが、innerTextは「オブジェクト内の文字列のみ」、innerHTMLは「オブジェクト内のHTML」という意味を持つプロパティです。このふたつは参照(取得)も設定もできます。つまり、タグやテキストを自由自在に書き換えられる、夢のような代物です。
ただし、現在のところは仕様書にはなく、独自拡張扱いです。IE4以降とネスケ6以降のみが対応しています。
innerTextとinnerHTMLは、タグオブジェクト(そんな呼称は規定されていませんけど)が持っているプロパティです。よって、こやつらを使うためには、まずタグをJavaScriptで使うためのオブジェクトとして取得する必要があります。
取得には、allコレクションまたはgetElementByIdメソッドを使います。(ID名から取得する場合)
もちろん、ID名は重複できません。重複するとエラーになりますのでご注意ください。OperaはgetElementByIdには対応してますが、innerTextとinnerHTMLには非対応です。
さて、こうしてゲットしたタグオブジェクトに対し、innerTextやinnerHTMLのプロパティで、値(タグの中身)を取得したり設定したりします。
ただ、自分の経験上、innerTextは使う機会があまりないです。IEしか対応してませんし。「innerHTMLではタグも一緒に取得されて困る!」って時だけ使いましょう。
のようにまとめることもできます。こっちの方がよく使われますが、同じタグオブジェクトに何回もアクセスする場合、変数に格納しておいた方が効率面で有利です。
なお、[3774]で使ったgetElementsByTagName()は、カッコ内に指定したタグを配列で取得するメソッドです。使い方によっては便利ですが、融通がきかないのでちょっとばかり慣れが必要です。
> 以前紹介していただいたアンク著のJavaScript辞典でも詳しく紹介されていないもので・・・
innerHTMLを説明するとなると、document.allやgetElementByIdも解説せねばならず、それを解説するとinnerHTML以外のプロパティも解説せねばならず、そうすると本の趣旨を外れてしまうからだと思います。(この本はDHTMLについてほとんど触れず、基本に徹してますから…)
いったん表示させた内容を後から書き換えるのは、innerText/innerHTMLでしかできないからです。初心者さんの質問にはそういうのが多いので…。(笑)
最後に、再三言いますが、このような最先端の構文は、古いブラウザ・少数派ブラウザをまとめて切り捨ててしまいます。動かなくても支障のないように、代替策も用意しておくことをおすすめします。
以上、JavaScriptの理解を求めておられるようですので、少し詳しく書いてみました。貴方も私もお疲れさまでした。(笑)

[] innerTextとinnerHTML
[引用サイト]  http://faq.creasus.net/02/0801/
104

 Last Updated 2007/ 03/ 05/ 14時07分31秒


 人気の無料出会い系サイト
出会い系にお金なんて使ってられるかっ!
冗談じゃないっ(`・ω・´)
出会い系は無料で本当に会えなきゃ絶対ヤダって人におすすめです。
完全無料だからバシバシ使い倒してちゃいましょう♪(人ω・`)
新サイトは頻繁に更新するので要チェックです!!
セフレ系
恋人探し
メル友募集
結  婚
人妻、熟女、セレブ系
出会いチャート

 

TOPへ戻る