ホームページ > ウェブフロントエンド > jsチュートリアル > document.getElementByName メソッド_JavaScript トリックはありません

document.getElementByName メソッド_JavaScript トリックはありません

WBOY
リリース: 2016-05-16 17:25:08
オリジナル
1474 人が閲覧しました
最初のステートメントは次のとおりです:
document.getElementByName メソッドが存在しません。 document.getElementsByName はタグの配列を取得します
document.getElementId は特定のタグを取得します

🎜>

ただし、次のような非常に簡単な方法で取得できます。
var fn = document.getElementsByName("form_write")[0];このフォーム
fn.content.value の下のオブジェクト;//このオブジェクトを使用して値を取得するだけです。
document.getElementById 1. getElementById

機能: 通常、ID はページ内で一意であり、要素を見つける準備に使用されます
構文: document.getElementById(id)
パラメーター: id: 必須 オプションは文字列 (String)
戻り値: object; ページ上に出現した順序で同じ ID を持つ最初のオブジェクトを返します。条件を満たすオブジェクトがない場合は null を返します

例:

コードをコピー コードは次のとおりです:
document.getElementById ("id1").value;



2. getElementsByName
関数: 要素の名前で検索し、要素の配列を返します。同じ名前を持つ
構文: document.getElementsByName( name)
パラメータ: name: 必須のオプションは文字列 (String)
戻り値: 条件を満たすオブジェクトがない場合は配列オブジェクト、ページ上の出現順に、空の配列が返されます。
注: 返される配列の値は、value 属性の値です。
タグに value 属性がない場合は、getElementsByName でその値を取得することもできます。 value 属性を追加して値を割り当てた後、
value 属性に値が割り当てられていない場合、getElementsByName は値が未定義になりますが、
同じ名前タグの番号を取得できます。 document.getElementsByName(name).length
document.getElementsByName は、name 属性が設定されていない場合でも使用できます。ID に基づいて value 属性が取得されます。

の値の例:

コードをコピーします コードは次のとおりです:
document.getElementsByName("name1")[0] .value;
document.getElementsByName("name1")[1].value;
All 🎜>All"


span タグ 実際には、name 属性と value 属性はありません
ですが、 document.getElementsByName("CBylawIndexName") は値


3 の値を取得します。 getElementsByTagName
機能: HTML タグの名前クエリを押すと、同じタグを持つ要素の配列
構文: object.getElementsByTagName(tagname) オブジェクトは document またはevent.srcElement.parentElement などです。
パラメーター: tagname: 必要なオプションは文字列 (String) です。 HTMLタグ検索。
戻り値: 配列オブジェクト。条件を満たすオブジェクトがない場合は、ページ上の出現順に空の配列が返されます。

例:


document.getElementsByTagName("p")[0].childNodes[0].nodeValue ;
document.getElementsByTagName( "p")[1].childNodes[0].nodeValue;
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート