tutorial pengembangan web terbaru

×

JavaScript Referensi

JavaScript

JS Tali JS Jumlah JS operator JS laporan JS matematika JS Tanggal JS susunan JS boolean JS RegExp JS Global JS Konversi

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Dokumen DOM elemen DOM atribut DOM Acara DOM Gaya

HTML benda

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Objek lainnya

CSSStyleDeclaration

HTML DOM getElementsByTagName() Method

<Document Object

Contoh

Dapatkan semua elemen dalam dokumen dengan nama tag tertentu:

var x = document.getElementsByTagName("LI");

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The getElementsByTagName() metode mengembalikan koleksi semua elemen dalam dokumen dengan nama tag tertentu, sebagai objek NodeList.

Objek NodeList merupakan kumpulan node. Node dapat diakses oleh angka indeks. indeks dimulai dari 0.

Tip: The ParameterValue "*" mengembalikan semua elemen dalam dokumen.

Tip: Anda dapat menggunakan panjang milik objek NodeList untuk menentukan jumlah elemen dengan nama tag tertentu, maka Anda dapat loop melalui semua elemen dan ekstrak info yang Anda inginkan.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
getElementsByTagName()	1.0	6.0	3.0	3.0	9.5

Sintaksis

document.getElementsByTagName( tagname )

Nilai parameter

Parameter	Mengetik	Deskripsi
tagname	String	Wajib. The tagname dari elemen yang Anda ingin mendapatkan

Rincian teknis

DOM Versi:	Inti Level 1 Document Object
Kembali Nilai:	Sebuah objek NodeList, mewakili kumpulan elemen dengan nama tag tertentu. Unsur-unsur dalam koleksi dikembalikan diurutkan seperti yang muncul dalam kode sumber.

Contoh lebih

Contoh

Cari tahu berapa banyak <li> elemen ada dalam dokumen (menggunakan properti panjang dari objek NodeList):

var x = document.getElementsByTagName("LI").length;

Cobalah sendiri "

Contoh

Mengubah isi HTML yang pertama <p> elemen (index 0) dalam dokumen:

document.getElementsByTagName("P")[0].innerHTML = "Hello World!";

Cobalah sendiri "

Contoh

Mengubah warna latar belakang dari semua <p> elemen dalam dokumen:

var x = document.getElementsByTagName("P");
var i;
for (i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "red";
}

Cobalah sendiri "

Contoh

Menggunakan "*" parameter.

Dapatkan semua elemen dalam dokumen:

var x = document.getElementsByTagName("*");

Cobalah sendiri "

Pages terkait

Referensi JavaScript: elemen. getElementsByTagName()

JavaScript Tutorial: Daftar JavaScript HTML DOM Node

<Document Object