DOMの考察

2045 ワード


Document Object Modelが初めてドームを習った時に何の音がどこで使われたのかやったことがある.大まかに知らないで,はっきりさせなければならない.ドムはどこだ?Webブラウザです.Webブラウザがhtml要素をオブジェクト情報として保存する場合、JavaScriptはそれにアクセスできます.これがドームです.ドムは高いですが、このドムは無料です.
ここにもCRUDがあります.
読み書き削除を作成...
1.作成:要素の作成
let child = document.createElement('p') //붙일 것
let parent = document.body.h1 //붙일 곳
parent.append(child)
作成すれば役に立たないので、既存の要素に貼り付ける必要があるのでappendも知っておく必要があります.
2.Read:要素を参照して情報を読み込む
  • アイデンティティ/クラス/ラベル名検索など
  • document.getElementByID('아이디')
    document.getElementsByClassName('클래스')[0] // 클래스로 찾으면 배열로 갖다준다. 첫번째 요소이면 0번째 이렇게 찾아써야 함
  • querySelector, querySelectorAll
  • 3.更新:要素への書き込みと属性の追加
  • 要素
  • にコンテンツを書き込む.
    document.getElementByID('id').textContent = "what" //<div id="id>what</div>
    document.getElementByID('id').innterHTML = "what" //위와 같다
  • 要素にクラス
  • を追加
    newDiv.classList.add('login')           // <div class = "login"> new </div>
    4.Delete:要素の削除
    child.remove(): child라는 요소 자신이 삭제됨
    parent.removeChild(child): parent라는 부모요소의 자식인 child 요소가 삭제됨
    詳細は明らかにされていませんが、多分そう知っています.長くても短くても、誰も読んでいません.🤓