JSを勉強します

2257 ワード

JavaScript html オブジェクト

1.DOM検索対象
idで探します.Dcument.getElemenntById(“id”)は、戻り値が対象です.
ラベルに従って探します.Dcument.getElements ByTagName(‘div’)は、戻り値が単一または複数の同種のラベルのセットで、下付きで検索します.
フォームによって探します.フォーム要素については、nameを使ってクエリーできます.戻り値はオブジェクトセットです.
Dcument.getElementsByName.
クラス名によって探します.戻り値は同じ集合です.配列と見なして属性を訪問します.
Dcument.getElements ByClass Name.
親ノードを検索します.戻り値はオブジェクト、parent Nodeです.
サブノードを検索する:戻り値も対象セットであり、チルドレンを利用する.

2.DOMオブジェクトの操作
通常属性はオブジェクトを利用します.オペレータは直接操作すればいいです.スタイルは必要です.スタイル+CSS属性は名来で操作します.パースIntは文字列の数字を解析します.
注:(1)「-」が出たら、後ろの最初の文字を大文字に変更します.
(2)styleはインラインでなければなりません.

3.運転時のスタイル属性を取得する
styleがインラインでない場合のアクセスは、メモリ内の属性にアクセスして修正することができます.currentStyle[プロパティ]またはget ComputatidStyle(オブジェクト、nullまたは':link'(疑似クラス))[プロパティ]を取得します.

4.対象の具体的な操作
削除:parentObj.removeChildを利用して、サブオブジェクトを削除します.
追加:cerateelementを利用してオブジェクトを作成し、parentObj.addChildを利用してサブオブジェクトを追加します.
innerHTMLを使って操作して、直接htmlコードを挿入します.

5.連動メニュー

<!DOCTYPE html>
<html>
<head>
<title>    </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
    var area = [['  ','  ']];
 
    function ldmenu()
    {
        var sel = document.getElementById('prov');
        var opt = '';
 
        if(sel.value == '-1')
        {
            document.getElementById('city').innerHTML = opt;
            return;
        }
 
 
        for(var num = 0,len = area[sel.value].length; num < len;num++)
        {
            opt = opt + '<option value="  ' + num + ' "> ' + area[sel.value][num] + '</option>';
        }
        document.getElementById('city').innerHTML = opt;
}
</script>
</head>
    <body>
    	<select name=" " id="prov" onchange="ldmenu();">
    	 <option value="-1">   </option>
    	 <option value="0">  </option>
    	</select>
 
    	<select name=" " id="city"></select>
    </body>
</html>

javascript配列並び替えsort()使い方