以下のコードをコピーして l コードをコピー コードは次のとおりです: < ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"< html xmlns= "http://www.w3.org/1999/xhtml"> <br>/* スタイルをリセット */ <br>* { margin:0; padding:0;} <br>。 input_ocurrent { パディング :2px; ボーダー:1px ソリッド #DDD; 背景:#FFF;} <br>.input_ocurrent:hover, .input_ocurrent:focus { ボーダー:1px ソリッド #444;} <br> { パディング: 2px; ボーダー:1px 背景:#DDD;} <br> //span タグのセットを取得します <BR>var scanzone = document.getElementsByTagName("span"); <BR>//span タグの数を取得します (for に入れると計算が繰り返されます) <BR> var scanlength=spanzone.length ; <BR>var inputzone;// 必要なスパン <BR>for(var i=0;i<spanlength;i ) <BR>{ <BR>// 探しているスパンを取得しますfor<BR>if (spanzone[i].className==elementID) <BR>{ <BR>inputzone=spanzone[i]; <BR>} <BR>} <BR>//span の入力タグセットを取得しますtags<BR>var inputTx =inputzone.getElementsByTagName("input"); <BR>//スパン内の入力セットの数 (計算の繰り返しを防ぐために個別に記述されます) <BR>var inputLength=inputTx.length; (var i=0;i <inputLength; i ) { <BR>//onmouseover イベントを動的に追加します。マウスが入力上に移動すると、入力のクラスが input_ocurrent であるかどうかを判断し、そうであれば、onmouseover イベントを追加します。同じように移動します。 <BR>if (inputTx[ i].className ="input_ocurrent"){ <BR>inputTx[i].onmouseover=function() { <BR>this.className ="input_current"; >} <BR>inputTx[i].onmouseout= function() { <BR>this.className ="input_ocurrent" <BR>} <BR>} <BR>} <BR>} <BR>window.onload = function() { <BR>displayInput("input_zone" ); <BR> input_zone"> < ;/span>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
