No desenvolvimento de aplicativos da Web, especialmente programas Web2.0, geralmente é necessário obter um elemento na página e atualizar o estilo, o conteúdo etc. do elemento. Como fazer com que os elementos sejam atualizados é o primeiro problema a ser resolvido. É gratificante que existem muitas maneiras de obter nós usando JavaScript. Aqui está um breve resumo (os seguintes métodos foram testados no IE7 e no Firefox 2.0.0.11):
1. Passe pelo nó de documento de nível superior:
(1) Document.getElementById (ElementId): Este método pode obter com precisão os elementos necessários através do ID do nó, que é um método relativamente simples e rápido. Se a página contiver vários nós com o mesmo ID, apenas o primeiro nó será retornado.
Atualmente, várias bibliotecas JavaScript, como Prototype e MooTools, apareceram, que fornecem um método mais simples: $ (ID), e o parâmetro ainda é o ID do nó. Este método pode ser considerado como
Outra maneira de escrever document.getElementById (), mas a função de $ () é mais poderosa. Para uso específico, consulte seus respectivos documentos da API.
(2) document.getElementsByName (elementName): Este método obtém o nó através do nome do nó. A partir do nome, pode -se observar que esse método retorna não um elemento do nó, mas uma variedade de nós com o mesmo nome. Em seguida, podemos percorrer o atributo do nó para obter um loop para determinar se é o nó necessário.
Por exemplo: no HTML, a caixa de seleção e o rádio usam o mesmo valor de atributo para identificar elementos em um grupo. Se queremos obter o elemento selecionado agora, primeiro obtemos o elemento embaralhado e depois fazemos um loop para determinar se o valor do atributo verificado do nó é verdadeiro.
(3) Document.getElementsByTagName (Tagname): Este método obtém o nó através da tag do nó, e o método também retorna uma matriz, por exemplo:
Document.getElementsByTagName ('A') retornará todos os nós do hiperlink na página. Antes de adquirir um nó, você geralmente conhece o tipo de nó; portanto, usar esse método é relativamente simples. Mas a desvantagem também é óbvia, ou seja, a matriz retornada pode ser muito grande, o que perderá muito tempo. Então, esse método é inútil? Claro que não. Este método é diferente dos dois acima. Não é um método proprietário de nós de documentos. Outros nós também podem ser aplicados, como mencionado abaixo.
2. Passe pelo nó pai:
(1) ParentObj.FirstChild: Este método pode ser usado se o nó for o primeiro filho de um nó conhecido (parenteBJ). Esta propriedade pode ser usada recursivamente, o que significa que é suportado
ParentObj.firstchild.firstchild.firstchild ..., para que você possa obter nós mais profundos.
(2) ParentObj.lastChild: Obviamente, esta propriedade é o último nó infantil do nó conhecido (parenteBJ). Como o FirstChild, ele pode ser usado recursivamente.
Em uso, se combinarmos os dois, alcançaremos um efeito mais emocionante, a saber: parentobj.firstchild.lastchild.lastchild ...
(3) ParentObj.ChildNodes: Obtenha a matriz de nós filhos de nós conhecidos e, em seguida, você pode encontrar os nós necessários através de loops ou índices.
Nota: Após o teste, verificou -se que a variedade de nós diretos é obtida no IE7, enquanto a variedade de nós filhos é obtida no Firefox2.0.0.11 é todos nós filhos, ou seja, nós filhos, incluindo nós filhos.
(4) ParentObj.Children: Obtenha a matriz de nós diretos de nós de nós conhecidos.
Nota: Após o teste, no IE7, o efeito é o mesmo que o ChildNodes, mas o Firefox 2.0.0.11 não o suporta. É também por isso que quero usar estilos diferentes de outros métodos. Portanto, não é recomendável usar.
(5) ParentObj.getElementsByTagName (Tagname): O método de uso não será repetido, ele retornará uma variedade de nós filhos de um nó conhecido com um valor especificado entre todos os nós filhos de um nó conhecido. Por exemplo:
ParentObj.getElementsByTagName ('A') retorna todos os hiperlinks em nós filhos conhecidos.
3. Obtenha através de nós adjacentes:
(1) vizinho.Previousbling: Obtenha o nó anterior de um nó conhecido (vizinho). Essa propriedade parece ser usada recursivamente, assim como a FirstChild e o LastChild nos anteriores.
(2) vizinho.Nextsibling: Obtenha o próximo nó de um nó conhecido (vizinho), que também suporta recursão.
4. Obtenha através dos nós filhos:
(1) ChildNode.parentNode: Obtenha o nó pai de um nó conhecido.
Os métodos mencionados acima são apenas alguns métodos básicos. Se você usar bibliotecas JavaScript, como o protótipo, também poderá obter outros métodos diferentes, como aquisição de classes por meio de nós, etc. No entanto, se os métodos acima puderem ser usados com flexibilidade, acredito que a maioria dos procedimentos deve ser capaz de lidar.