[Javascript]DOM

6363 ワード

ducument JavaScript DOM テキストリンク

DOMとは

ドキュメントオブジェクトモデルは、XMLまたはHTMLドキュメントにアクセスするインタフェースです.
WebコンテンツはDocumentオブジェクトによって管理されます.Webページは、HTML文書の構文を解析し、ドキュメントの内容をDocumentオブジェクトで管理するDOMツリーと呼ばれるツリー構造を作成します.
DOMツリーには、各要素をノードと呼ぶ階層があります.(ドキュメントノード、テキストノード、要素ノード)

documentは文書全体を表すオブジェクトであり、documentを検索すると以下のように無数に見られる.

documentはブラウザではwindowが属するオブジェクトであり、documentのサブオブジェクトであり、Doctypeとhtmlがある.

DOMの使用

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 문서객체 모델(DOM)</title >

</head>
<body>
   <h1 >Hell0 DOM </h1 >
</body>
</html>

JavaScriptを使用して、次のコードでドキュメントを動的に作成します.documentの方法で作ることができます.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 문서객체 모델(DOM)</title >

</head>
<body>
    <script>
        let header = document.createElement('h1'); 
        let textNode = document.createTextNode('Hello DOM');
        header.appendChild(textNode);
        document.body.appendChild(header);
    </script>
</body>
</html>

｣は｣マークを生成する方法です.生成された要素はdocument.createElement('h1')に格納される.
｣｣｣｣｣｣｣｣｣h1に格納されます.
｣で選択したエレメントにサブエレメントを追加します.

Reference

この問題について([Javascript]DOM), 我々は、より多くの情報をここで見つけました https://velog.io/@ldaehi0205/JavascriptDOM

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

[オブジェクト向けプログラミング入門]機能と責任の分離

プロファイルビュー