JavaScript - Il DOM di IE 4
Questo modello a oggetti documento è stato introdotto nella versione 4 del browser Internet Explorer di Microsoft. IE 5 e le versioni successive includono il supporto per la maggior parte delle funzionalità DOM W3C di base.
Proprietà del documento in IE 4 DOM
Le seguenti proprietà non standard (e non portabili) sono definite da Internet Explorer 4 e versioni successive.
| Sr.No. | Proprietà e descrizione |
|---|---|
| 1 | activeElement Una proprietà di sola lettura che fa riferimento all'elemento di input che è attualmente attivo (cioè, ha il focus di input). Ex - document.activeElement |
| 2 | all[ ] Un array di tutti gli oggetti Element all'interno del documento. Questo array può essere indicizzato numericamente per accedere agli elementi in ordine di origine, oppure può essere indicizzato per ID o nome dell'elemento. Ex - document.all [] |
| 3 | charset Il set di caratteri del documento. Ex - document.charset |
| 4 | children[ ] Un array che contiene gli elementi HTML che sono i figli diretti del documento. Notare che questo è diverso dall'array all [] che contiene tutti gli elementi nel documento, indipendentemente dalla loro posizione nella gerarchia di contenimento. Ex - document.children [] |
| 5 | defaultCharset Il set di caratteri predefinito del documento. Ex - document.defaultCharset |
| 6 | expando Questa proprietà, se impostata su false, impedisce l'espansione degli oggetti lato client. Ex - document.expando |
| 7 | parentWindow La finestra che contiene il documento. Ex - document.parentWindow |
| 8 | readyState Specifica lo stato di caricamento di un documento. Ha uno dei seguenti quattro valori di stringa: Ex - document.readyState |
| 9 | uninitialized Il caricamento del documento non è stato avviato. Ex - document.uninitialized |
| 10 | loading Il documento si sta caricando. Ex - document.loading |
| 11 | interactive Il documento è stato caricato sufficientemente per consentire all'utente di interagire con esso. Ex - document.interactive |
| 12 | complete Il documento è completamente caricato. Ex - document.complete |
Metodi del documento in IE4 DOM
Questo modello supporta tutti i metodi disponibili in Legacy DOM. Inoltre, ecco l'elenco dei metodi supportati da IE4 DOM -
| Sr.No. | Proprietà e descrizione |
|---|---|
| 1 | elementFromPoint(x,y) Restituisce l'elemento situato in un punto specificato. Esempio: document.elementFromPoint (x, y) |
Esempio
Il DOM di IE 4 non supporta l'estensione getElementById()metodo. Invece, ti permette di cercare elementi di documento arbitrari per attributo id all'interno dell'array all [] dell'oggetto documento.
Ecco come trovare tutti i tag <li> all'interno del primo tag <ul>. Notare che è necessario specificare il nome del tag HTML desiderato in maiuscolo con ilall.tags( ) metodo.
var lists = document.all.tags("UL");
var items = lists[0].all.tags("LI");Ecco un altro esempio per accedere alle proprietà del documento utilizzando il metodo 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 - Questo esempio restituisce oggetti per form ed elementi e dovremmo accedere ai loro valori utilizzando quelle proprietà dell'oggetto che non sono discusse in questo tutorial.