.NET TIPS [Silverlight 2]HTML要素のDOMメソッドを呼び出すには?[C#、VB]デジタルアドバンテージ 一色 政彦2009/10/01 |
|
|
Silverlightでは、基になるWebページのHTML DOM(Document Object Model:Webブラウザが提供するオブジェクト指向のプログラミング・インターフェイスで、HTMLドキュメントを構造的に表現し、それを操作できるようにする)にアクセスして、HTML要素(=DOMオブジェクト)が持つメソッド(=例えばselectメソッドのようなDOM/JavaScriptメソッド)を呼び出して、さまざまな処理が可能になる。例えばSilverlightアプリケーションから、HTMLのテキストボックスの内容を選択したりできる。
ちなみに、HTML要素が持つメソッドではなく、全体にかかわるJavaScriptメソッド(自作も含む)を呼び出したいときには、「TIPS:[Silverlight 2]HTMLページ内のJavaScriptコードを実行するには?」を参考にしてほしい。
次のSilverlightアプリケーションでは、Silverlightアプリケーション上のボタンをクリックすると、HTMLのテキストボックス(=type属性に「text」が設定された<input>要素)に対応するDOMオブジェクトのselectメソッドにより、入力されているテキストを全選択する。
|
|
HTML要素のDOMメソッドを呼び出すSilverlightサンプル・アプリケーション |
■HTML要素のDOMメソッドを呼び出す方法
本稿では例として、次のようなHTML要素をあらかじめHTMLページ内に記述しているものとする。
|
|
メソッド値の呼び出す対象となるHTML要素のHTMLコード例 |
ここでは、HTMLテキストボックス(id属性値は「targetTextBoxID」)のselectメソッドをSilverlightから呼び出してみよう。
これには、HTML要素を表すHtmlElementクラス(System.Windows.Browser名前空間)のオブジェクトのInvokeメソッドを使用する。
HtmlElementオブジェクトを取得するには、ブラウザに表示されているHTMLドキュメントを表すHtmlDocumentクラス(System.Windows.Browser名前空間)のオブジェクトのGetElementByIdメソッドを呼び出せばよい。GetElementByIdメソッドは、引数としてHTML要素のid値(=id属性の値。この例では「targetTextBoxID」)を(文字列で)受け取り、戻り値として該当HTML要素を表すHtmlElementオブジェクトを返す。
この際に必要となるHtmlDocumentオブジェクトは、次のメソッドから取得できる。
HtmlPage.Document
このように、ブラウザのHTML DOMにアクセスするためのHtmlPageクラス(System.Windows.Browser名前空間)には、HTMLドキュメント(=HtmlDocumentオブジェクト)を取得するための静的メソッドDocumentがある。
先ほど示したInvokeメソッドでは、第1パラメータにDOMメソッド名を(文字列で)指定し、第2パラメータ以降にそのDOMメソッドの引数群を(任意の型で)指定する(※引数群としては、DOMメソッドのデータ型に合わせて適切な型のデータ、例えば文字列(String)型やdouble/Double型、bool/Boolean型、DateTime型などを指定する。データはSilverlightとHTML DOMを結ぶ相互運用層(=HTMLブリッジ)で暗黙的にマーシャリングされる)。DOMメソッドに戻り値がある場合は、その戻り値を(Object型で)返す(※Object型の値は適切な型にキャストする)。
今回のDOMメソッド(select)の場合は、引数群はないので、第2パラメータ以降には何も指定しない。また戻り値もない。
次のコードは、Invokeメソッドを利用する例だ。
|
||
HTML要素のDOMメソッドの値を呼び出すサンプル・コード(上:C#、下:VB) |
このコードを実行すると、冒頭のサンプル・アプリケーションと同じ実行結果になる。
※今回のサンプルはほとんどのブラウザで同じように動作するが、利用するDOMメソッドによっては、ブラウザ間で挙動が異なる場合もあるので注意してほしい(例えばfireEventメソッドはIEでしか使えない)。
なお、HTML要素のDOMプロパティ(およびJavaScriptプロパティ)を呼び出すこともできる。その方法は「TIPS:[Silverlight 2]HTML要素のDOMプロパティを取得/設定するには?[C#、VB]」を参照してほしい。
カテゴリ:Silverlight 2 処理対象:HTML DOM 使用ライブラリ:HtmlElementクラス(System.Windows.Browser名前空間) 使用ライブラリ:HtmlDocumentクラス(System.Windows.Browser名前空間) 関連TIPS:[Silverlight 2]HTML要素のDOMプロパティを取得/設定するには?[C#、VB] |
「.NET TIPS」 |
- 第2回 簡潔なコーディングのために (2017/7/26)
ラムダ式で記述できるメンバの増加、throw式、out変数、タプルなど、C# 7には以前よりもコードを簡潔に記述できるような機能が導入されている - 第1回 Visual Studio Codeデバッグの基礎知識 (2017/7/21)
Node.jsプログラムをデバッグしながら、Visual Studio Codeに統合されているデバッグ機能の基本の「キ」をマスターしよう - 第1回 明瞭なコーディングのために (2017/7/19)
C# 7で追加された新機能の中から、「数値リテラル構文の改善」と「ローカル関数」を紹介する。これらは分かりやすいコードを記述するのに使える - Presentation Translator (2017/7/18)
Presentation TranslatorはPowerPoint用のアドイン。プレゼンテーション時の字幕の付加や、多言語での質疑応答、スライドの翻訳を行える
|
|