JavaScript - Le DOM IE 4
Ce modèle d'objet de document a été introduit dans la version 4 du navigateur Internet Explorer de Microsoft. IE 5 et les versions ultérieures incluent la prise en charge de la plupart des fonctionnalités DOM de base du W3C.
Propriétés du document dans IE 4 DOM
Les propriétés non standard (et non portables) suivantes sont définies par Internet Explorer 4 et les versions ultérieures.
| N ° Sr. | Propriété et description |
|---|---|
| 1 | activeElement Propriété en lecture seule qui fait référence à l'élément d'entrée actuellement actif (c'est-à-dire qui a le focus d'entrée). Ex - document.activeElement |
| 2 | all[ ] Un tableau de tous les objets Element dans le document. Ce tableau peut être indexé numériquement pour accéder aux éléments dans l'ordre source, ou il peut être indexé par identifiant ou nom d'élément. Ex - document.all [] |
| 3 | charset Le jeu de caractères du document. Ex - document.charset |
| 4 | children[ ] Un tableau qui contient les éléments HTML qui sont les enfants directs du document. Notez qu'il est différent du tableau all [] qui contient tous les éléments du document, quelle que soit leur position dans la hiérarchie de confinement. Ex - document.children [] |
| 5 | defaultCharset Le jeu de caractères par défaut du document. Ex - document.defaultCharset |
| 6 | expando Cette propriété, si elle est définie sur false, empêche les objets côté client d'être développés. Ex - document.expando |
| sept | parentWindow La fenêtre qui contient le document. Ex - document.parentWindow |
| 8 | readyState Spécifie l'état de chargement d'un document. Il a l'une des quatre valeurs de chaîne suivantes - Ex - document.readyState |
| 9 | uninitialized Le document n'a pas commencé à se charger. Ex - document.uninitialized |
| dix | loading Le document est en cours de chargement. Ex - chargement de document |
| 11 | interactive Le document est suffisamment chargé pour que l'utilisateur puisse interagir avec lui. Ex - document.interactive |
| 12 | complete Le document est complètement chargé. Ex - document.complete |
Méthodes de document dans IE4 DOM
Ce modèle prend en charge toutes les méthodes disponibles dans Legacy DOM. De plus, voici la liste des méthodes prises en charge par IE4 DOM -
| N ° Sr. | Propriété et description |
|---|---|
| 1 | elementFromPoint(x,y) Renvoie l'élément situé à un point spécifié. Exemple: document.elementFromPoint (x, y) |
Exemple
Le DOM IE 4 ne prend pas en charge le getElementById()méthode. Au lieu de cela, il vous permet de rechercher des éléments de document arbitraires par attribut id dans le tableau all [] de l'objet document.
Voici comment trouver toutes les balises <li> dans la première balise <ul>. Notez que vous devez spécifier le nom de balise HTML souhaité en majuscules avec leall.tags( ) méthode.
var lists = document.all.tags("UL");
var items = lists[0].all.tags("LI");Voici un autre exemple pour accéder aux propriétés du document à l'aide de la méthode DOM IE4.
<html>
<head>
<title> Document Title </title>
<script type = "text/javascript">
<!--
function myFunc() {
var ret = document.all["heading"];
alert("Document Heading : " + ret.innerHTML );
var ret = document.all.tags("P");;
alert("First Paragraph : " + ret[0].innerHTML);
}
//-->
</script>
</head>
<body>
<h1 id = "heading">This is main title</h1>
<p>Click the following to see the result:</p>
<form id = "form1" name = "FirstForm">
<input type = "button" value = "Click Me" onclick = "myFunc();" />
<input type = "button" value = "Cancel">
</form>
<form d = "form2" name = "SecondForm">
<input type = "button" value = "Don't ClickMe"/>
</form>
</body>
</html>NOTE - Cet exemple renvoie des objets pour les formulaires et les éléments et nous devrions accéder à leurs valeurs en utilisant les propriétés d'objet qui ne sont pas abordées dans ce didacticiel.