JavaScript: il DOM legacy
Questo è il modello introdotto nelle prime versioni del linguaggio JavaScript. È ben supportato da tutti i browser, ma consente l'accesso solo a determinate parti chiave dei documenti, come moduli, elementi di modulo e immagini.
Questo modello fornisce diverse proprietà di sola lettura, come title, URL e lastModified forniscono informazioni sul documento nel suo insieme. Oltre a questo, ci sono vari metodi forniti da questo modello che possono essere usati per impostare e ottenere i valori delle proprietà del documento.
Proprietà del documento in DOM legacy
Di seguito è riportato un elenco delle proprietà del documento a cui è possibile accedere utilizzando Legacy DOM.
| Sr.No. | Proprietà e descrizione |
|---|---|
| 1 | alinkColor Deprecato: una stringa che specifica il colore dei collegamenti attivati. Ex - document.alinkColor |
| 2 | anchors[ ] Un array di oggetti Anchor, uno per ogni anchor visualizzato nel documento Ex - document.anchors [0], document.anchors [1] e così via |
| 3 | applets[ ] Un array di oggetti applet, uno per ogni applet che appare nel documento Ex - document.applets [0], document.applets [1] e così via |
| 4 | bgColor Deprecato: una stringa che specifica il colore di sfondo del documento. Ex - document.bgColor |
| 5 | cookie Una proprietà con valori di stringa con un comportamento speciale che consente di interrogare e impostare i cookie associati a questo documento. Ex - document.cookie |
| 6 | domain Una stringa che specifica il dominio Internet da cui proviene il documento. Utilizzato per motivi di sicurezza. Ex - document.domain |
| 7 | embeds[ ] Un array di oggetti che rappresentano i dati incorporati nel documento con il tag <embed>. Un sinonimo di plugin []. Alcuni plugin e controlli ActiveX possono essere controllati con codice JavaScript. Ex - document.embeds [0], document.embeds [1] e così via |
| 8 | fgColor Deprecato: una stringa che specifica il colore del testo predefinito per il documento Ex - document.fgColor |
| 9 | forms[ ] Un array di oggetti Modulo, uno per ogni modulo HTML visualizzato nel documento. Ex - document.forms [0], document.forms [1] e così via |
| 10 | images[ ] Un array di oggetti Image, uno per ogni immagine incorporata nel documento con il tag HTML <img>. Ex - document.images [0], document.images [1] e così via |
| 11 | lastModified Una stringa di sola lettura che specifica la data della modifica più recente al documento Ex - document.lastModified |
| 12 | linkColor Deprecato: una stringa che specifica il colore dei collegamenti non visitati Ex - document.linkColor |
| 13 | links[ ] È un array di collegamenti al documento. Ex - document.links [0], document.links [1] e così via |
| 14 | location L'URL del documento. Deprecato a favore della proprietà URL. Ex - document.location |
| 15 | plugins[ ] Un sinonimo per gli incorporamenti [] Ex - document.plugins [0], document.plugins [1] e così via |
| 16 | Referrer Una stringa di sola lettura che contiene l'URL del documento, se presente, da cui è stato collegato il documento corrente. Ex - document.referrer |
| 17 | Title Il contenuto del testo del tag <title>. Ex - document.title |
| 18 | URL Una stringa di sola lettura che specifica l'URL del documento. Ex - document.URL |
| 19 | vlinkColor Deprecato: una stringa che specifica il colore dei collegamenti visitati. Ex - document.vlinkColor |
Metodi del documento nel DOM legacy
Ecco un elenco di metodi supportati da Legacy DOM.
| Sr.No. | Proprietà e descrizione |
|---|---|
| 1 | clear( ) Deprecato: cancella il contenuto del documento e non restituisce nulla. Ex - document.clear () |
| 2 | close( ) Chiude un flusso di documenti aperto con il metodo open () e non restituisce nulla. Ex - document.close () |
| 3 | open( ) Elimina il contenuto del documento esistente e apre un flusso in cui è possibile scrivere il nuovo contenuto del documento. Non restituisce nulla. Ex - document.open () |
| 4 | write( value, ...) Inserisce la stringa o le stringhe specificate nel documento attualmente analizzato o le aggiunge al documento aperto con open (). Non restituisce nulla. Ex - document.write (valore, ...) |
| 5 | writeln( value, ...) Identico a write (), tranne per il fatto che aggiunge un carattere di nuova riga all'output. Non restituisce nulla. Ex - document.writeln (valore, ...) |
Esempio
Possiamo individuare qualsiasi elemento HTML all'interno di qualsiasi documento HTML utilizzando HTML DOM. Ad esempio, se un documento Web contiene un fileform quindi utilizzando JavaScript possiamo fare riferimento ad esso come document.forms[0]. Se il tuo documento Web include due fileform elementi il primo modulo è indicato come document.forms [0] e il secondo document.forms [1].
Utilizzando la gerarchia e le proprietà fornite sopra, possiamo accedere al primo elemento del modulo utilizzando document.forms[0].elements[0] e così via.
Ecco un esempio per accedere alle proprietà del documento utilizzando il metodo DOM legacy.
<html>
<head>
<title> Document Title </title>
<script type = "text/javascript">
<!--
function myFunc() {
var ret = document.title;
alert("Document Title : " + ret );
var ret = document.URL;
alert("Document URL : " + ret );
var ret = document.forms[0];
alert("Document First Form : " + ret );
var ret = document.forms[0].elements[1];
alert("Second element : " + ret );
}
//-->
</script>
</head>
<body>
<h1 id = "title">This is main title</h1>
<p>Click the following to see the result:</p>
<form name = "FirstForm">
<input type = "button" value = "Click Me" onclick = "myFunc();" />
<input type = "button" value="Cancel">
</form>
<form name = "SecondForm">
<input type = "button" value = "Don't ClickMe"/>
</form>
</body>
</html>Produzione
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.