atribut HTML DOM link rel
Link Objects Definisi dan Penggunaan
atribut rel menentukan hubungan antara dokumen saat ini dan dokumen-dokumen terkait.
tatabahasa
Mengatur atribut rel:
linkObject.rel="relationship"
Kembali rel atribut:
linkObject.rel
nilai properti:
| nilai | deskripsi |
|---|---|
| bergantian | versi alternatif (seperti halaman yang dicetak, diterjemahkan atau cermin) dokumen. |
| stylesheet | Dokumen style sheet eksternal. |
| awal | Dokumen pertama dalam koleksi. |
| berikutnya | Dokumen berikutnya dalam koleksi. |
| prev | Pada koleksi dokumen. |
| isi | Isi dokumen. |
| indeks | Dokumen indeks. |
| glosarium | Digunakan dalam dokumen Glosarium Glosarium (penjelasan). |
| hak cipta | Dokumen yang berisi informasi hak cipta. |
| bab | Bab dokumen. |
| bagian | Bagian dari dokumen. |
| ayat | Bagian dari dokumen. |
| lampiran | dokumen lampiran. |
| membantu | dokumentasi bantuan. |
| bookmark | dokumen terkait. |
Dukungan Browser
Semua browser utama mendukung atribut rel
Catatan: Opera atau browser Safari tidak mendukung "mencari" nilai.
Catatan: browser IE, Safari,atau Chrome tidak mendukung "sidebar".
contoh
contoh
Ini menunjukkan hubungan antara dokumen saat ini dan dokumen terkait antara:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Link id = "link1" rel = "stylesheet" type = "text / css" href = "style1.css">
<Script>
Fungsi displayResult () {
var x = document.getElementById ( "link1") rel .;
alert (x);
}
</ Script>
</ Kepala>
<Body>
<Tombol type = "button" onclick = "displayResult ()"> Link menunjukkan hubungan antara unsur-unsur </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Link id = "link1" rel = "stylesheet" type = "text / css" href = "style1.css">
<Script>
Fungsi displayResult () {
var x = document.getElementById ( "link1") rel .;
alert (x);
}
</ Script>
</ Kepala>
<Body>
<Tombol type = "button" onclick = "displayResult ()"> Link menunjukkan hubungan antara unsur-unsur </ button>
</ Body>
</ Html>
Coba »
Link Objects