0

<p>または<body>または クラス IDなどのタグ名で Web ページの要素を検索し、それらを強調表示したいと考えています。3 つのボタン、値の設定、次のハイライト、およびクリアを使用してこれを実行したいと考えています。3 つの関数 (getValues、highlightNext、clear) を使用する

  1. 最初に、XHTML コードのタグ名またはクラス名に対応する値 1 または 2 を入力するようにユーザーに求めます。ダイアログでは、ユーザーが有効な値 (1 または 2) を入力する必要があり、それ以外の場合はスクリプトでユーザーが続行できないようにする必要があります。

  2. 次に、スクリプトは、ドキュメント内で強調表示したいタグ名またはクラス名に対応する文字列を入力するようにユーザーに促します。このダイアログでは、ユーザーがキャンセルをクリックしたり、入力として空の文字列を入力したりできてはなりません。

  3. ユーザーがタグ/クラス名に適切な値を入力すると、関数は一致するオブジェクトの配列をブラウザーから取得し、要求に一致した要素の数を警告ボックスでユーザーに通知する必要があります。

  4. highlightNext が呼び出されるたびに、ページ上で次に一致する要素の背景色が同じ色に設定されます。

  5. 一致するすべての項目が強調表示されると、関数 highlightNext は、すべての要素が強調表示されたことを示すダイアログ ボックスを表示する必要があります。

4

1 に答える 1

0 
var selectedElements = document.getElementsByTagName(<tagname>)

指定されたタグ名ですべてのDOM要素を提供します。(http://www.w3schools.com/jsref/met_doc_getelementsbytagname.asp) 次のような背景色スタイルを適用することで、それらを強調表示できます。

element.style.backgroundColor = 'yellow'

これで始められるはずです。

于 2010-11-08T20:17:34.823 に答える