Como usar as propriedades do objeto atributo para codificar com javascript

Em javascript, o Atributo

objeto fornece propriedades para trabalhar com atributos dentro dos elementos HTML. Aqui está uma lista de todos os Atributo propriedades do objeto.

PropriedadeUsar
ISIDRendimentos verdade se o atributo é um
ID- de outra forma, os rendimentos falso
nomeObtém o nome do atributo
valorObtém ou define o valor do atributo
EspecificadasRendimentos verdade se o atributo tem sido
especificado- de outra forma, os rendimentos falso

Criando e anexando elementos

Para criar um novo elemento em um documento HTML, utilize o document.create
Elemento()
método. Quando você usa createElement (), um novo começo e fim tag do tipo que você especificar será criado.

Aqui está um exemplo de como você pode usar esse método para criar dinamicamente uma lista em um documento HTML de uma matriz.

Gerando uma lista

Aqui estão alguns tipos de bolas

removendo elementos

Para todas as grandes coisas que ele permite que você faz com documentos HTML, o HTML DOM não é altamente considerada pelos programadores javascript profissionais. Tem uma série de esquisitices e tende a fazer algumas coisas mais difíceis do que deveriam ser.

Video: Tutorial javascript parte 21 - Atributos: getAttribute, setAttribute, removeAttribute



Uma das grandes falhas com o DOM é que ele não fornece nenhuma maneira de remover diretamente um elemento de um documento. Em vez disso, você tem que dizer o DOM para encontrar o pai do elemento que você deseja remover e, em seguida, dizer ao pai para remover seu filho. Soa um pouco confuso, mas este exemplo deve limpar tudo.

Remover um elemento

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum molestie pulvinar ante, um volutpat est sodales et. Ut gesta justo ac leo euismod, et tempus magna posuere. Cum sociis natoque penatibus et magnis dis parturiente Montes, nascetur mus ridiculus. Integer non mi iaculis, facilisis risus et, vestíbulo lorem. Sed quam ex, placerat ne id tristique, mattis fringilla ligula. Maecenas um pretium justo. Suspendisse sentar consectetur amet nibh, tristique Quis tellus, arcu congue. Etiam pellentesque dictum elit eget sempre. Phasellus neque Orci, sempre ac tortor ac, laoreet ultricies enim.

Quando você executar esse código em um navegador e pressione o botão, o onclick evento chama o removeFirstParagraph () função.

Video: javascript 14 - 3 - Listando as Propriedades do Objeto

A primeira coisa removeFirstParagraph () faz é para selecionar o elemento que você realmente deseja remover o elemento com o id = primeiro parágrafo. Em seguida, o script seleciona o nó pai do primeiro parágrafo. Em seguida, ele usa o removeChild () método para remover o primeiro parágrafo.


Publicações relacionadas