Existem duas maneiras de alterar o atributo SRC da imagem:
1. O método setAttribute é um componente de "Nível 1 DOM", que pode definir quaisquer atributos do nó do elemento.
2, element.src = fonte; Este é o método antes do aparecimento de "Nível 1 DOM" e também é eficaz agora.
A vantagem do "Nível 1 DOM" é sua boa portabilidade. Esses métodos antigos se aplicam apenas a documentos da Web, enquanto o DOM se aplica a qualquer idioma de marcação.
Função de manuseio de eventos
Ao clicar em um link, quero permanecer nesta página da web em vez de ir para outra janela, o código é o seguinte:
A cópia do código é a seguinte:
<a href = "http://www.example.com" OnClick = "Showpic (this); retorna false;"> clique </a>
Ao clicar neste link, como o valor retornado pelo código JavaScript acionado pela função OnClick Event Handler é falso, o comportamento padrão deste link não é acionado.
Childnodes atributo
O atributo ChildNodes pode ser usado para obter todos os elementos filhos de qualquer elemento. A matriz retornada pela propriedade Childnodes contém nós de todos os tipos, não apenas nós de elementos. De fato, quase tudo no documento é um nó, e até espaços e quebras de linha são interpretados como nós, e todos estão contidos na matriz retornada pela propriedade Childnodes.
Mas cada nó possui uma propriedade NodeType. Existem 12 valores desejáveis para os atributos do NodeType, mas apenas 3 deles têm valores úteis: o valor do atributo NodeType do nó do elemento é 1, o valor do atributo NodeType do nó do atributo é 2 e o valor de atributo NodeType do nó de texto é 3.
Se você deseja alterar o valor de um nó de texto, use a propriedade NodEvalue fornecida pelo DOM.
O elemento da matriz Childnodes [0] tem um sinônimo mais intuitivo e fácil de ler, que pode ser escrito como FirstChild; O DOM também fornece um atributo LastChild correspondente.
Exemplo:
A cópia do código é a seguinte:
<P ID = "Descrição"> Escolha uma imagem </p>
Primeiro, crie uma variável para armazená -la:
A cópia do código é a seguinte:
var description = document.getElementById ("Descrição");
O valor de retorno da descrição.NodEvalue é nulo. A propriedade NodEvalue do elemento <P> em si é um valor nulo. Se você deseja obter o valor do texto contido no elemento <p>, precisar