Maison >interface Web >Voir.js >Propriétés du document et méthodes de JS
En JavaScript, l'objet document est un objet global très important, qui représente l'intégralité du document HTML. Vous pouvez accéder et modifier le contenu et la structure d'un document HTML via l'objet document. Voici quelques propriétés et méthodes courantes d'un document :
Propriétés
1. document.title : Obtient ou définit le titre du document, généralement affiché sur la barre de titre ou l'étiquette du navigateur.
javascript
document.title = "新的页面标题";
2 document.URL : Obtenez l'URL complète du document.
javascript
console.log(document.URL);
3. document.documentElement : récupère l'élément racine du document, généralement l'élément 100db36a723c770d327fc0aef2ce13b1
javascript
console.log(document.documentElement);
4. document.body : récupère l'élément 6c04bd5ca3fcae76e30b72ad730ca86d
javascript
console.log(document.body);
5. document.head : récupère l'élément 93f0f5c25f18dab9d176bd4f6de5d30e
javascript
console.log(document.head);
6. document.referrer : obtenez l'URL de la page précédente qui mène à la page actuelle.
javascript
console.log(document.referrer);
method
1. document.getElementById(id) : récupère l'élément en fonction de l'identifiant spécifié.
javascript
var element = document.getElementById("myElementId");
2. document.getElementsByClassName(className) : récupère la collection d'éléments en fonction du nom de classe spécifié.
javascript
var elements = document.getElementsByClassName("myClassName");
3. document.getElementsByTagName(tagName) : récupère la collection d'éléments en fonction du nom de balise spécifié.
javascript
var elements = document.getElementsByTagName("div");
4. document.querySelector(selector) : renvoie le premier élément du document qui correspond au sélecteur CSS spécifié.
javascript
var element = document.querySelector(".myClass");
5. document.querySelectorAll(selector) : renvoie une NodeList (statique) de tous les éléments Element du document qui correspondent au sélecteur CSS spécifié.
javascript
var elements = document.querySelectorAll(".myClass");
6 document.createElement(tagName) : Créez un nouvel élément.
javascript
var newElement = document.createElement("div");
7. document.createTextNode(text) : Créez un nouveau nœud de texte.
javascript
var textNode = document.createTextNode("Hello, world!");
8. document.appendChild(node) : Ajouter un nœud enfant à un élément du document.
javascript
someElement.appendChild(newElement);
9. document.removeChild(node) : supprime un nœud enfant du document.
javascript
someElement.removeChild(childElement);
9. document.write(content) : Écrivez une expression HTML ou du code JavaScript dans le document.
javascript
document.write("<p>这是一个段落。</p>");
Ceci n'est que quelques-unes des propriétés et méthodes de l'objet document. En fait, l'objet document fournit de nombreuses autres fonctions et méthodes pour gérer le contenu et la structure des documents HTML. Vous pouvez en savoir plus en consultant la documentation ou les didacticiels JavaScript pertinents.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!