English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Explication détaillée des propriétés et méthodes courantes des objets document en js

-----Introduction

Chaque document HTML chargé dans un navigateur devient un objet Document.

L'objet Document nous permet d'accéder à tous les éléments d'une page HTML à partir du script.

Attribut

1  document.anchors - Retourne une référence à tous les objets Anchor du document. De plus, il y a document.links/document.forms/document.images, etc.

2  document.URL - Retourne l'URL du document actuel

3  document.title - Retourne le titre du document actuel

4  document.body - Retourne le nœud d'élément body

Méthode

1  document.close() - Ferme le flux de sortie ouvert par la méthode document.open() et affiche les données sélectionnées.

<!DOCTYPE html>
<html>
<head>
<script>
function createDoc()
{
var w = window.open();
w.document.open();
w.document.write("<h1>Hello World!</h1">);
w.document.close();
}
</script>
</head>
<body>
<input type="button" value="New document in a new window" onclick="createDoc()">
</body>
</html>

2  document.createElement() - Crée un nœud d'élément.

<!DOCTYPE html>
<html lang="fr">
<!DOCTYPE html>
<head>
</head>
<body>
  <p>hello world</p>
<script>
  var a = document.createElement('hr');
  document.body.appendChild(a)
</script>
</body>
</html>

3  document.createAttribute() - Crée un nœud d'attribut.

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to make a BUTTON element.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var btn = document.createElement("BUTTON");
document.body.appendChild(btn);
};
</script>
</body>
</html>

4  document.createTextNode() crée un nœud de texte.

<!DOCTYPE html>
<html lang="fr">
<!DOCTYPE html>
<head>
</head>
<body>
  <p>hello world</p>
<script>
  var a = document.createTextNode('hahahah');
  document.body.appendChild(a)
</script>
</body>
</html>

5  document. getElementsByClassName() retourne un ensemble d'éléments avec le nom de classe spécifié dans le document, en tant qu'ensemble d'objets NodeList. Un ensemble d'objets NodeList est un format de données similaire à un tableau, qui ne fournit que la propriété length, comme les méthodes push et pop du tableau ne sont pas fournies.

6  document.getElementById() retourne une référence au premier objet possédant l'id spécifié.

7  document.getElementsByName() retourne un ensemble d'objets avec le nom spécifié.

8  document.getElementsByTagName() retourne un ensemble d'objets avec le nom de balise spécifié.ensemble d'objets.

9  document.write() écrit des expressions HTML ou des codes JavaScript dans le document. Notez que si vous utilisez la méthode write après que le document html soit chargé, cela entraînera que le contenu de write couvre le document html original.

<!DOCTYPE html>
<html lang="fr">
<!DOCTYPE html>
<head>
</head>
<body>
  <p>hello world</p>
<script>
  document.write('hahahh')
</script>
</body>
</html>

Voici tous les détails de la méthode courante de l'objet document dans le DOM de base JS que j'ai apportés à tous, j'espère que vous soutiendrez fortement le tutoriel ~

Vous pourriez aussi aimer