.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メソッドにより、入力されているテキストを全選択する。

Microsoft Silverlight を取得
HTML要素のDOMメソッドを呼び出すSilverlightサンプル・アプリケーション

■HTML要素のDOMメソッドを呼び出す方法

　本稿では例として、次のようなHTML要素をあらかじめHTMLページ内に記述しているものとする。

<input id="targetTextBoxID" type="text"
  value="このテキストボックスが選択される"
/>
メソッド値の呼び出す対象となる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メソッドを利用する例だ。

private void Button_Click(object sender, RoutedEventArgs e)
{
  HtmlElement htmlTextBox =
    HtmlPage.Document.GetElementById("targetTextBoxID");

  htmlTextBox.Invoke("select");
}
Private Sub Button_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)

  Dim htmlTextBox As HtmlElement = _
    HtmlPage.Document.GetElementById("targetTextBoxID")

  htmlTextBox.Invoke("select")
End Sub
HTML要素のDOMメソッドの値を呼び出すサンプル・コード（上：C#、下：VB）

　このコードを実行すると、冒頭のサンプル・アプリケーションと同じ実行結果になる。

　※今回のサンプルはほとんどのブラウザで同じように動作するが、利用するDOMメソッドによっては、ブラウザ間で挙動が異なる場合もあるので注意してほしい（例えばfireEventメソッドはIEでしか使えない）。

　なお、HTML要素のDOMプロパティ（およびJavaScriptプロパティ）を呼び出すこともできる。その方法は「TIPS：［Silverlight 2］HTML要素のDOMプロパティを取得／設定するには？［C#、VB］」を参照してほしい。End of Article

カテゴリ：Silverlight 2　処理対象：HTML DOM
使用ライブラリ：HtmlElementクラス（System.Windows.Browser名前空間）
使用ライブラリ：HtmlDocumentクラス（System.Windows.Browser名前空間）
関連TIPS：［Silverlight 2］HTML要素のDOMプロパティを取得／設定するには？［C#、VB］

この記事と関連性の高い別の.NET TIPS
［Silverlight 2］HTML要素のDOMプロパティを取得／設定するには？
［Silverlight 2］HTML要素にフォーカスを設定するには？
［Silverlight 2］HTML要素のstyle属性のCSSプロパティを取得／設定するには？
［Silverlight 2］HTML要素の属性を設定／取得するには？
［Silverlight 2］HTML要素の属性を追加／削除するには？
［Silverlight 2］HTML要素クリック時にSilverlightのメソッドを実行するには？
［Silverlight 2］文字列として作成したJavaScriptコードを実行するには？
このリストは、（株）デジタルアドバンテージが開発した
自動関連記事探索システム Jigsaw（ジグソー） により自動抽出したものです。
generated by

「.NET TIPS」

TechTargetジャパン

Insider.NET フォーラム 新着記事

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード

＠IT 新着記事

キャリアアップ

- PR -
＠IT Sepcial
→ ＠IT Special ヘ

イベントカレンダー

PickUpイベント

- PR -
もっと見る
- PR -

お勧め求人情報

ホワイトペーパー（TechTargetジャパン）

＠IT Sepcial
→ ＠IT Special ヘ
ソリューションFLASH