DOM - 문서 개체 모델
No post de hoje irei falar sobre o DOM.
DOM
DOM
Document Object Model의 약어, 품질 보증 수정의 품질은 웹페이지에 있습니다.O
DOM
여러 브라우저에서 JavaScript를 사용할 수 있습니다.HTML은 브라우저 없이 사용할 수 있고, 브라우저 자체는 기본적으로 필요합니다
DOM
. 고급 사용자가 JavaScript를 코딩하는 HTML 문서와 상호 작용해야 합니다.Através do
DOM
for example: criar, remover e editar elementos através do codigo em JavaScript.HTML 문서를 브라우저 없이 사용할 수 있습니다. 브라우저에서 문서를 작성하고 문서를 작성할 수 있습니다
document
.Este objeto
document
possui diversas propriedades e métodos que podem ser usados para manipular o documento HTML.Com isso, fica claro, que para fazer uma manipulação qualquer em uma página, tipo remover um elemento ou responder ao clique de um botão, isso é feito através do objeto
document
.console.log(document)
예제 없음, 또는 출력 결과
console.log
는 HTML 요소를 나타냅니다.Alguns exemplos de propriedades e métodos
Como o
document
é um objeto, iremos utilizar a anotação de ponto .
para acessar as propriedades e métodos.위치
Irá retornar um objeto com informações sobre a URL do documento.
console.log(document.location)
// Output
Location {ancestorOrigins: DOMStringList, href: "http://127.0.0.1:5500/etapa-05-o-document-object-m…el-dom/aula-01/aula-01-06-o-que-eh-dom/index.html", origin: "http://127.0.0.1:5500", protocol: "http:", host: "127.0.0.1:5500", …}
URL
Irá retornar apenas a URL do documento.
console.log(document.URL)
// Output
http://127.0.0.1:5500/etapa-05-o-document-object-model-dom/aula-01/aula-01-06-o-que-eh-dom/index.html
에스트루투라 데 아르보레
O
DOM
vê o nosso HTML como uma estrutura de árvore, em forma de nós(노드 em ingês), e cada um dos elementos é thinkado um nó(노드 em inglês).태그 문서화 é 태그 HTML, chamada de
root node
.Acima estrutura em forma de árvore, para exemplificar como o
DOM
enxerga 또는 elemento HTML.Vou deixar um link da MDN para mais detalhes sobre oDocument Object Model
Esse foi mais um post da minha saga de estudos em JavaScript Vanilla. Espero que estejam gostando!
Qualquer dúvida ou sugestão, vocês me encontram nas minhas redes sociais:
GIthub
Reference
이 문제에 관하여(DOM - 문서 개체 모델), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/inando85/dom-document-object-model-530h텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)