JavaScript学習メモ(18) ページ内の要素コードを取得する_基礎知識

1. 要素の

getElementById() メソッドを取得します。要素の ID を通じて要素を取得します。要素の ID を取得するパラメーターを受け入れます。ID が存在しない場合は、null を返します。
Beフォーム要素の名前と他の要素の ID が同じにならないように注意してください。IE8 より前の IE ブラウザでは、このメソッドを使用して要素の name 属性を通じて要素を取得します。
次の要素を例に挙げます。 >

ID が "myDiv" の div コンテンツ

var document.getElementById("myDiv"); //"myDiv" は大文字と小文字が区別されます。要素のタグ名を取得し、要素のタグ名を取得する 1 つのパラメータを受け入れ、0 個以上を含む NodeList を返します。

コードをコピー コードは次のとおりです。

var Images = document.getElementsByTagName("img "); // ページ内のすべての 要素を取得します

alert(images.length) ; // 画像の数
alert(images[0].src); //最初の画像要素の src
alert(images.item(0).src); //上記と同じ


getElementsByName() メソッドは、要素の name 属性を通じて要素を取得します。要素の name 属性を取得するために 1 つのパラメータを受け入れます。ラジオ ボタンを取得するためによく使用されます。

コードをコピーします。 コードは次のとおりです:

;label for="colorRed">

var radios = document.getElementsByName("color "); //すべてのラジオ ボタンを取得しますname="color"