• このエントリーをはてなブックマークに追加

HTML5プロフェッショナル認定試験レベル2 サンプル問題

例題解説とその内容については、例題提供者の監修です。内容や試験問題に関わるお問い合わせにつきましては、LPI事務局ではお応えできませんのでご了承ください。
例題解説のご提供者さまを募集中です。LPI-Japan事務局までぜひご投稿ください。選ばれた方の例題解説は本サイトに掲載させていただきます。

2.2 WebブラウザにおけるJavaScript API に関する問題

例題2.7 「2.2.5 テスト・デバッグ」
レベル2の出題範囲「2.2.5 テスト・デバッグ」からの出題です。
JavaScriptで、コンソールに指定したDOMオブジェクトをXML/HTMLで表示するメソッドを選択しなさい。
  • Console.log();
  • Console.dir();
  • Console.dirxml();
  • Console.element();
  • Console.dump();

※この例題は実際のHTML5プロフェッショナル認定試験とは異なります。

答えはこちら

例題2.6 「2.2.4 Selectors API」
レベル2の出題範囲「2.2.4 Selectors API」からの出題です。
以下のHTMLにおける、スクリプトの実行結果を選択しなさい。
<div id="elm"> <p>HTML5</p> </div> document.querySelector('#elm a');
  • エラーが発生する
  • { }
  • undefined
  • null
  • [ ]

※この例題は実際のHTML5プロフェッショナル認定試験とは異なります。

答えはこちら

例題2.5 「2.2.4 Selectors API」
レベル2の出題範囲「2.2.4 Selectors API」からの出題です。
以下のHTML中の "ul要素内のli要素" 全てを選択するためのスクリプトを選択しなさい。
<ol> <li>ABC</li> <li>DEF</li> </ol> <ul> <li>GHI</li> <li>JKL</li> </ul>
  • document.getElementsByTagName('li');
  • document.getElementsByQuery('ul li');
  • document.querySelector('ul li');
  • document.querySelectorAll('ul li');

※この例題は実際のHTML5プロフェッショナル認定試験とは異なります。

答えはこちら

例題2.4 「2.2.3 ウィンドウオブジェクト」
レベル2の出題範囲「2.2.3 ウィンドウオブジェクト」からの出題です。
クロスドメインで呼び出したウィンドウとメッセージをやりとりしたい。
セキュリティ上、有効な実装を全て選択しなさい。
  • 呼び出し元からのpostMessageメソッド呼び出しにおいて、呼び出し先のドキュメントを一つに特定するために、第二引数にURLをパスまで指定する。
  • 呼び出されたウィンドウにおいて、呼び出し元をチェックするために、messageイベントハンドラの引数のoriginプロパティを利用する。
  • 呼び出されたウィンドウにおいて、呼び出し元をチェックするために、messageイベントハンドラの引数のsourceプロパティを利用する。
  • やりとりするメッセージの中において、互いに信頼できる情報を含める。

※この例題は実際のHTML5プロフェッショナル認定試験とは異なります。

答えはこちら

例題2.3 「2.2.2 ドキュメントオブジェクト/DOM」
レベル2の出題範囲「2.2.2 ドキュメントオブジェクト/DOM」からの出題です。

下記の記述にあるinput要素を変更してユーザによる値の変更を抑制したい。

<input class="test" type="text" value="test">

変更後の結果として、レイアウトや機能に影響を与えずに実現可能しているものを全て選択しなさい。

  • <input class="test" type="text" value="test" style="display:none">
     <div class="test">test</div>
  • <input class="test" type="text" value="test" style="visibility:hidden">
     <div class="test">test</div>
  • <input class="test" type="text" value="test" disabled="disabled">
  • <input class="test" type="hidden" value="test">
     <div class="test">test</div>

※この例題は実際のHTML5プロフェッショナル認定試験とは異なります。

答えはこちら

例題2.2「2.2.5 テスト・デバッグ」
レベル2の出題範囲「2.2.5 テスト・デバッグ」からの出題です。
DOMオブジェクトを引数とした時に、オブジェクトのプロパティを表示するconsoleオブジェクトのメソッドを一つ選びなさい。
  • dir
  • log
  • dirxml
  • profile

※この例題は実際のHTML5プロフェッショナル認定試験とは異なります。

答えはこちら

例題2.1「2.2.1 イベント」
レベル2の出題範囲「2.2.1 イベント」からの出題です。
以下のイベントハンドラのうち、documentオブジェクトでサポートされているものを全て選択しなさい。
  • onload
  • onunload
  • onbeforeunload
  • onloadstart

※この例題は実際のHTML5プロフェッショナル認定試験とは異なります。

答えはこちら

このページの先頭へ