JSを勉強します
2257 ワード
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.連動メニュー
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>