1.GetElementsByName（）：名前を取得します。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ `
例：
<p name = "pn"> hello </p> <p name = "pn"> hello </p> <p name = "pn"> hello </p> <script> function getname（）{var count = document.getElementsbyname（ "pn"）;アラート（count.length）; var p = count [2]; p.innerhtml = "world"; } </script>結果：インターフェイスは、プロンプトボックス「3」を伴う3つのHelloesを印刷します。 [OK]をクリックすると、インターフェイスに表示されるコンテンツがHello HelloWorldになります
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~礼
2.GetElementsByTagname（）：要素を取得します。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
例
<p> hello </p> <p>こんにちは</p> <p>こんにちは</p> <script> function getname（）{var count = document.getelementsbytagname（ "p"）;アラート（count.length）; var p = count [2]; p.innerhtml = "world"; } </script>結果：インターフェイスは、プロンプトボックス「3」を伴う3つのHelloesを印刷します。 [OK]をクリックすると、インターフェイスに表示されるコンテンツがHello HelloWorldになります
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!!
3.GetAttribute（）：要素属性を取得します。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
例
<a id = "aid"> </a> <script> function getattr1（）{var anode = document.getElementById（ "Aid"）; var attr = anode.getattribute（ "id"）; alert（ "a's id is："+attr）; } function getattr2（）{var anode = document.getElementById（ "aid"）; var attr = anode.getattribute（ "title"）; alert（ "aのタイトルコンテンツは："+attr）; } getattr1（）; getattr2（）; </script>結果：プロンプトボックス「AのIDは：AID」です。 [OK]をクリックした後、プロンプトボックス「Aのタイトルコンテンツは次のとおりです。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
4.SetAttribute（）は、要素属性を設定します。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例
<a id = "aid2"> aid2 </a> <script> function setattr（）{var anode = document.getElementbyId（ "Aid2"）; anode.setattribute（ "title"、 "タイトル属性の動的設定"）; var attr = anode.getattribute（ "title"）;アラート（ "タイトル値の動的設定は："+attr）; } setattr（）; </script>結果：プロンプトボックス「ダイナミック設定タイトル値は次のとおりです。「ポップアップのダイナミックに設定」タイトルプロパティ。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
5.ChildNodes（）：子ノードにアクセスします。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
例
<ul> <li> 1 </li> <li> 2 </li> <li> 3 </li> </ul> <script> function getChildNode（）{var ChildNode = document.getElementsByTagname（ "ul"）[0] .ChildNodes;アラート（childnode.length）; Alert（ChildNode [0] .Nodetype）; } getChildNode（）; </script>結果：インターフェイスがダイアログボックス「3」が.1.2.3にポップアップし、OKを押してポップアップします。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!!
6.ParentNode（）：親ノードにアクセスします。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
例
<div> <p id = "pid"> </p> </div> <script> function getParentNode（）{var div = document.getElementById（ "pid"）; alert（div.parentnode.nodename）; } getParentNode（）; </script>結果：プロンプトボックスがポップアップします：div。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
7.CreateElement（）：要素ノードを作成します。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
例：
<script> function createNode（）{var body = document.body; var input = document.createelement（ "input"）; input.type = "button"; input.value = "button"; body.appendChild（input）; // insert node} createNode（）; </script>結果：ボタンが表示されます。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
8.createTextNode（）：テキストノードを作成します。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例：
<script> function createNode（）{var element = document.createelement（ "div"）; element.classname = "message"; var textnode = document.createTextNode（ "Hello World！"）; element.AppendChild（TextNode）; document.body.AppendChild（要素）; } createNode（）; </script>コード分析：この例では、新しい<div>要素を作成し、「メッセージ」の値を持つクラス属性を指定します。次に、別のテキストノードが作成され、以前に作成された要素に追加されます。最後のステップは、この要素をドキュメント内の<body>要素に追加して、ブラウザ内の新しく作成された要素とテキストノードを見ることができるようにすることです。
結果：ページにはHello Worldが表示されます。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!!
9.insertbefore（）：ノードを挿入します。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
例
<div id = "div"> <p id = "pid"> p要素</p> </div> <script> function addnode（）{var div = document.getElementbyId（ "div"）; var node = document.getElementById（ "pid"）; var newnode = document.createelement（ "p"）; newnode.innerhtml = "p要素の動的挿入"; div.insertbefore（newNode、node）; } addNode（）; </script>結果：インターフェイスが印刷されます：P要素を動的に挿入します
P要素
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
10.RemoveChild（）：ノードを削除します。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
例
<div id = "div"> <p id = "pid"> p要素</p> </div> <script> function removenode（）{var div = document.getElementById（ "div"）; var p = div.removechild（div.childnodes [1]）; } removenode（）; </script>結果：インターフェイスには何も表示されません。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~か
11.OFFSETHEIGH：Webページサイズ
12.SCROLLHEIGHT：Webページサイズ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例：
<script> function getsize（）{var width = document.documentelement.offsetwidth || document.body.offsetwidth; //互換性の問題var height = document.documentelement.offseith.offseeth.body.body.body.body.body.body.offseeth;アラート（width+"、"+height）; } getSize（）; </script>結果を表示：
この記事では、主にHTML要素を制御するJS Domを紹介しています。この記事の内容には、主にDom、HTMLなどが含まれます。この記事はインターネットから来ています。それを参照してください。