JavaScript - O DOM do IE 4
Este modelo de objeto de documento foi introduzido na versão 4 do navegador Internet Explorer da Microsoft. O IE 5 e as versões posteriores incluem suporte para a maioria dos recursos básicos do W3C DOM.
Propriedades do documento no DOM do IE 4
As seguintes propriedades não padrão (e não portáteis) são definidas pelo Internet Explorer 4 e versões posteriores.
Sr. Não. | Descrição da Propriedade |
---|---|
1 | activeElement Uma propriedade somente leitura que se refere ao elemento de entrada que está ativo no momento (ou seja, tem o foco de entrada). Ex - document.activeElement |
2 | all[ ] Uma matriz de todos os objetos Element dentro do documento. Essa matriz pode ser indexada numericamente para acessar os elementos na ordem de origem ou pode ser indexada por id ou nome de elemento. Ex - document.all [] |
3 | charset O conjunto de caracteres do documento. Ex - document.charset |
4 | children[ ] Uma matriz que contém os elementos HTML que são filhos diretos do documento. Observe que isso é diferente do array all [] que contém todos os elementos no documento, independentemente de sua posição na hierarquia de contenção. Ex - document.children [] |
5 | defaultCharset O conjunto de caracteres padrão do documento. Ex - document.defaultCharset |
6 | expando Esta propriedade, se definida como falsa, evita que os objetos do lado do cliente sejam expandidos. Ex - document.expando |
7 | parentWindow A janela que contém o documento. Ex - document.parentWindow |
8 | readyState Especifica o status de carregamento de um documento. Ele tem um dos seguintes quatro valores de string - Ex - document.readyState |
9 | uninitialized O documento não começou a carregar. Ex - document.uninitialized |
10 | loading O documento está sendo carregado. Ex - document.loading |
11 | interactive O documento foi carregado o suficiente para o usuário interagir com ele. Ex - document.interactive |
12 | complete O documento está totalmente carregado. Ex - document.complete |
Métodos de documento no IE4 DOM
Este modelo oferece suporte a todos os métodos disponíveis no DOM legado. Além disso, aqui está a lista de métodos suportados pelo IE4 DOM -
Sr. Não. | Descrição da Propriedade |
---|---|
1 | elementFromPoint(x,y) Retorna o elemento localizado em um ponto especificado. Exemplo: document.elementFromPoint (x, y) |
Exemplo
O IE 4 DOM não suporta o getElementById()método. Em vez disso, ele permite que você procure elementos de documento arbitrários por atributo id dentro do array all [] do objeto de documento.
Veja como encontrar todas as tags <li> na primeira tag <ul>. Observe que você deve especificar o nome da tag HTML desejada em maiúsculas com oall.tags( ) método.
var lists = document.all.tags("UL");
var items = lists[0].all.tags("LI");
Aqui está outro exemplo para acessar as propriedades do documento usando o método DOM do 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 exemplo retorna objetos para formulários e elementos e teríamos que acessar seus valores usando as propriedades do objeto que não são discutidas neste tutorial.