ホームページ > ウェブフロントエンド > jsチュートリアル > document.getElementByIdの略(idオブジェクト取得の略)_基礎知識

document.getElementByIdの略(idオブジェクト取得の略)_基礎知識

WBOY
リリース: 2016-05-16 18:19:58
オリジナル
1915 人が閲覧しました

たとえば、document.getElementById(id) の代わりに _$(id) を使用します。
純粋な置換の場合は、次のコードを使用できます。

コピーcode コードは次のとおりです:

function $(id){document.getElementById(id)}

個人的にお勧めしますプロトタイプの document.getElementById の定義を使用します:
コードをコピー コードは次のとおりです:

関数 $()
{
var 要素 = new Array();
for (var i = 0; i < argument.length; i )
{
var 要素 = 引数[i];
if (要素の種類 = = '文字列')
要素 = document.getElementById(要素);
if (arguments.length == 1)
要素を返します。 elements.push(element);
}
return elements;


次のコードを使用して定義することもできます:


function $(objectId) {
if(document.getElementById && document.getElementById( objectId)) {
return document.getElementById(objectId);/ / W3C DOM
} else if (document.all && document.all(objectId)) {
return document.all(objectId);/ / MSIE 4 DOM
} else if (document.layers && document .layers[objectId]) {
return document.layers[objectId];// NN 4 DOM.. 注: これはネストされたレイヤーを検索しません
} else {
return false;
}
}


このように書くと、JS ファイル内の多くの文字を節約でき、入力エラーを回避できます。簡単な説明があります。$ はカスタム値です。ページで jQuery ライブラリ ファイルを呼び出す場合は、好みに応じて、i_d、myid、その他の定義など、JavaScript 以外の予約キーワードを直接記述することができます。 document.getElementById の代わりに $ を使用してください。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート