HTML DOM Lien attribut rel
Définition et utilisation
attribut rel spécifie la relation entre le document courant et les documents liés.
grammaire
Définissez l'attribut rel:
linkObject.rel="relationship"
rel Retour attributs:
linkObject.rel
Les valeurs de propriété:
valeur | description |
---|---|
alterné | Des versions alternatives (telles que la page imprimée, traduite ou miroir) document. |
stylesheet | Externe document de feuille de style. |
début | Le premier document de la collection. |
suivant | Le document suivant dans la collection. |
prev | Sur une collection de documents. |
contenu | Contenu du document. |
index | document Index. |
glossaire | Utilisé dans le document Glossaire (explication). |
droit d'auteur | Les documents qui contiennent des informations de copyright. |
chapitre | Chapitre de ce document. |
section | Section du document. |
paragraphe | Section du document. |
appendice | Appendice. |
aider | Aide documentation. |
signet | Documents connexes. |
support du navigateur
Tous les principaux navigateurs prennent en charge l'attribut rel
Remarque: Opera ou Safari ne supporte pas la valeur "search".
Remarque: navigateur IE, Safariou Chrome ne supporte pas "sidebar".
Exemples
Exemples
Il montre la relation entre le document courant et le document lié entre:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Lien id = "link1" rel = type "stylesheet" = "text / css" href = "style1.css">
<Script>
fonction displayResult () {
var x = document.getElementById ( "link1") rel .;
alerte (x);
}
</ Script>
</ Head>
<Body>
<Bouton type = "button" onclick = "displayResult ()"> lien montre la relation entre les éléments </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Lien id = "link1" rel = type "stylesheet" = "text / css" href = "style1.css">
<Script>
fonction displayResult () {
var x = document.getElementById ( "link1") rel .;
alerte (x);
}
</ Script>
</ Head>
<Body>
<Bouton type = "button" onclick = "displayResult ()"> lien montre la relation entre les éléments </ button>
</ Body>
</ Html>
Essayez »
Lien Objets