JavaScript: el DOM de IE 4
Este modelo de objetos de documento se introdujo en la versión 4 del navegador Internet Explorer de Microsoft. IE 5 y las versiones posteriores incluyen soporte para la mayoría de las funciones DOM de W3C básicas.
Propiedades del documento en IE 4 DOM
Las siguientes propiedades no estándar (y no portátiles) están definidas por Internet Explorer 4 y versiones posteriores.
No Señor. | Descripción de propiedad |
---|---|
1 | activeElement Una propiedad de solo lectura que se refiere al elemento de entrada que está actualmente activo (es decir, tiene el foco de entrada). Ex - document.activeElement |
2 | all[ ] Una matriz de todos los objetos Element dentro del documento. Esta matriz se puede indexar numéricamente para acceder a los elementos en orden de origen, o se puede indexar por identificación o nombre del elemento. Ex - document.all [] |
3 | charset El juego de caracteres del documento. Ex - document.charset |
4 | children[ ] Una matriz que contiene los elementos HTML que son hijos directos del documento. Tenga en cuenta que esto es diferente de la matriz all [] que contiene todos los elementos del documento, independientemente de su posición en la jerarquía de contención. Ex - document.children [] |
5 | defaultCharset El juego de caracteres predeterminado del documento. Ex - document.defaultCharset |
6 | expando Esta propiedad, si se establece en false, evita que los objetos del lado del cliente se expandan. Ex - document.expando |
7 | parentWindow La ventana que contiene el documento. Ex - document.parentWindow |
8 | readyState Especifica el estado de carga de un documento. Tiene uno de los siguientes cuatro valores de cadena: Ex - document.readyState |
9 | uninitialized El documento no ha comenzado a cargarse. Ex - document.uninitialized |
10 | loading Se está cargando el documento. Ex - document.loading |
11 | interactive El documento se ha cargado lo suficiente como para que el usuario interactúe con él. Ex - document.interactive |
12 | complete El documento está completamente cargado. Ex - document.complete |
Métodos de documento en IE4 DOM
Este modelo es compatible con todos los métodos disponibles en DOM heredado. Además, aquí está la lista de métodos compatibles con IE4 DOM:
No Señor. | Descripción de propiedad |
---|---|
1 | elementFromPoint(x,y) Devuelve el elemento ubicado en un punto especificado. Ejemplo: document.elementFromPoint (x, y) |
Ejemplo
El IE 4 DOM no es compatible con getElementById()método. En cambio, le permite buscar elementos de documento arbitrarios por atributo id dentro de la matriz all [] del objeto de documento.
A continuación, se explica cómo encontrar todas las etiquetas <li> dentro de la primera etiqueta <ul>. Tenga en cuenta que debe especificar el nombre de la etiqueta HTML deseada en mayúsculas con elall.tags( ) método.
var lists = document.all.tags("UL");
var items = lists[0].all.tags("LI");
Aquí hay otro ejemplo para acceder a las propiedades del documento utilizando el método DOM de 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 - Este ejemplo devuelve objetos para formularios y elementos y tendríamos que acceder a sus valores utilizando esas propiedades de objeto que no se tratan en este tutorial.