Dom
DOM: Modelo de objeto de documento;
nó
Nó do elemento: o átomo do DOM é o nó do elemento. Elementos como <body>, <p>, <ul>, etc. Os elementos podem conter outros elementos. O único elemento que não está incluído no outro elemento é o elemento <html>
Nó de texto: nos documentos XHTML, os nós de texto são sempre incluídos nos nós do elemento.
Nó de atributo: nós de atributo são usados para fornecer descrições mais específicas dos elementos. Por exemplo, quase todos os elementos têm um atributo de título, e podemos usar esse atributo para descrever com precisão o que está contido no elemento:
<p> Não se esqueça de comprar essas coisas. </p>
No DOM, title = "um lembrete suave" é um nó de atributo.
CSS
Obtenha elementos
getElementById, getElementsByTagName, getSbetElementsBlasclassName três métodos para obter nós de elementos.
getElementsByTagName permite um curinga como seu parâmetro, o que significa que cada elemento no documento terá um lugar na matriz retornada pela função. Os curingas ("*") devem estar em citações, que devem ser diferentes das operações de multiplicação.
Você também pode usar o GetElementById e o GetElementsByTagName. Como mostrado abaixo:
A cópia do código é a seguinte:
var shopping = document.getElementById ("compra");
var itens = shopping.getElementsByTagName ("*");
Dessa forma, você pode obter quantos elementos o elemento com a compra de valor de atributo de identificação contém.
O método getElementsByClassName é suportado apenas pelos navegadores mais recentes. Para compensar isso, os programadores de scripts da DOM precisam usar os métodos DOM existentes para implementar seus próprios getSbetSbyClassName. Na maioria dos casos, seu processo de implementação é aproximadamente semelhante ao seguinte getElementsBlassName:
A cópia do código é a seguinte:
function getElementsbyclassName (nó, classe) {
if (node.getElementsByClassName) {
Return Node.getElementsByClassName (ClassName);
}outro{
var resulta = new Array ();
var elems = node.getElementsByTagName ("*");
for (var i = 0; i <elems.length; i ++) {
if (elems [i] .className.indexOf (className)! = -1) {
Resultados [Results.Length] = elems [i];
}
}
RETORNO DE RECURSOS;
}
}
A função getElementsByClassName aceita dois parâmetros. O primeiro nó representa o ponto de partida da pesquisa na árvore Dom, e o segundo nome de classe é o nome da classe a ser pesquisado.
Obtenha e defina propriedades
GetAttribute é uma função que possui apenas um parâmetro - o nome do atributo que você está planejando consultar:
A cópia do código é a seguinte:
Object.getAttribute (atributo)
SetAttribute () nos permite modificar o valor do nó do atributo. Depois de modificar o documento através do setAttribute, ao visualizar o código -fonte do documento através da opção de origem de exibição do navegador, o que você vê ainda será o valor da propriedade anterior, ou seja, as modificações feitas pelo setattribute não serão refletidas no código -fonte do próprio documento. Esse fenômeno de "inconsistente dentro e fora" vem do modo de funcionamento do DOM: primeiro carregue o conteúdo estático do documento e depois atualize dinamicamente, a atualização dinâmica não afeta o conteúdo estático do documento. Este é o poder real do DOM: atualizando o conteúdo da página sem atualizar a página no navegador.