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

javascript

console.log(document.documentElement);

4. document.body : récupère l'élément

javascript

console.log(document.body);

5. document.head : récupère l'élément

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!