JavaScriptの現在のページで指定されたオブジェクトを取得する方法。
この方法は次のとおりです。
コードコピーは次のとおりです。
document.getElementByID(ID)//指定されたID値でオブジェクトを取得する
document.getElementsbyname(name)//指定された名前値のオブジェクトの配列を取得します
document.all [] //スマートなものはWeb標準ではありません
document.getElementsByTagname //指定されたタグ値のオブジェクトの配列を取得します
例を示します。コメントを削除して直接実行して効果を確認してください。
コードコピーは次のとおりです。
<!doctype html public " - // w3c // dtd html 4.0 transitional // en">
<html>
<head>
<Title>新しいドキュメント</title>
<Meta name = "generator" content = "editplus">
<Meta name = "Author" content = "">
<Meta name = "keywords" content = "">
<メタ名= "説明" content = "">
</head>
<body>
<form method = "post" name = "mainfrm" action = "">
<入力型= "hidden" name = "text" id = "text" value = "Just Practice">
<input type = "hidden" name = "organizatid" value = "document.all">を検証します
<表>
<tr>
<td align = "right">インベントリ組織:</td>
<td> <入力タイプ= "text" name = "organizatid" id = "organizatid" value = "inventory organization"> </td>
</tr>
<tr>
<td align = "right">サブストアエンコード:</td>
<td>
<name = "subinventorycode" id = "subinventorycode">を選択します
<オプション値= "qtwl"> qtwl </option>
<オプション値= "btspt"> btspt </option>
<オプション値= "bts"> bts </option>
</select>
</td>
</tr>
<tr>
<td colspan = "2" align = "center"> <input type = "button" value = "指定されたオブジェクトを取得" onclick = "do_check()"> </td>
</tr>
</table>
</form>
</body>
</html>
<スクリプト言語= "javascript">
<! -
functiondo_check(){
// getElementByID:IDを介して要素を取得するため、IDセットのある要素のみにアクセスできます。
//ページ全体のオブジェクトのID値が一意であるため、メソッドの返品値を必要なオブジェクトにすることができます。
// var arginasid = document.getElementById( "gunitionid");
// alert(assionalid.value);
// getElementsByName:名前を介して要素を取得することです。
//メソッドの返品値は、ページ全体に特定の値として属性を持つオブジェクトが1つだけであっても、配列として返されます。
//アレイの長さがこの時点で1つであるというだけです。
// var arginasid = document.getElementsByname( "OrganizationId");
// alert(argingid [0] .value);
// alert(gunitionid.length);
// getElementsByTagname:もちろん、Tagname(タグ名)を介して要素を取得します。
//この方法とgetElementsBynameは基本的にそれを認識しており、配列も取得しますが、オブジェクトを取得する方法の違いにすぎません。
// var inputs = document.getElementsByTagname( "入力");
// alert(inputs.length);
// alert(inputs [0] .value);
// alert(inputs [1] .value);
// alert(inputs [2] .value);
// document.all []は、ドキュメントオブジェクト内のすべての要素を含む、ドキュメント内のすべてのラベルで構成される配列変数です。
//一般的に、指定された要素は名前で取得されますが、getelementsbynameよりも賢いです。
// var arginasid = document.all ["OrganizationId"];
// alert(argingid [0] .value)
// document.all ["Organizatid"]
// document.all.item( "gunitionid")
}
//->
</script>