HTML DOMメソッドのプロパティ

2502 ワード
JavaScript html
HTML DOMは、JavaScript(および他のプログラミング言語)を通じてアクセスできます.
すべてのHTML要素はオブジェクトとして定義されていますが、プログラムインターフェースはオブジェクトメソッドとオブジェクト属性です.
メソッドは、要素の追加や変更などの動作です.
属性は、ノードの名前やコンテンツなど、取得または設定できる値です.
 
getElemenntById()方法
getElementById()メソッドは、指定されたIDを持つ要素を返す.
  
<!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>
<p>     <b>getElementById</b>   ！</p>

<script>
x=document.getElementById("intro");
document.write("<p>   intro      ：" + x.innerHTML + "</p>");
</script>

</body>
</html>
 
HTML DOMオブジェクト-メソッドと属性
いくつかの一般的なHTML DOM方法:
  • getElementById(id)−指定されたIDを持つノード(要素)
    • を取得する.
  • apped(node)-新しいサブノード(要素)を挿入する
  • RemoveChild(node)−サブノードを削除する
    • いくつかの一般的なHTML DOM属性:
  • innerHTML-ノード(要素)のテキスト値
  • parent Nodeノードの親ノード
  • childNodesノード(要素)のサブノード
  • atributesノード(要素)の属性ノード
    •  
    innerHTML属性
    要素の内容を取得する最も簡単な方法はinnerHTML属性を使用することである.
    innerHTML属性は、HTML要素のコンテンツの取得または置換に有用である.
    実例
    以下のコードはid=「intro」の

    要素のinnerHTMLを取得します.

    <html>
<body>

<p id="intro">Hello World!</p>

<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>

</body>
</html>
     
    上記の例では、getElementByIdは方法であり、innerHTMLは属性である.
    innerHTML属性は、を含む任意のHTML要素を取得または変更するために使用できます.
     
     
    nodeName属性
    nodeName属性はノードの名称を規定する.
  • nodeNameは読み取り専用の
    • です.
  • 要素ノードのnodeNameはタグ名と同じ
    • である.
  • 属性ノードのnodeNameは属性名と同じ
    • です.
  • テキストノードのnodeNameは、常に芫text
    • である.
  • 文書ノードのnodeNameは、常に噛document
    • である.
    コメント:nodeNameは常にHTML要素の大文字ラベル名を含んでいます.
    nodeValue属性
    nodeValue属性はノードの値を規定する.
  • 要素ノードのnodeValueはundefinedまたはnull
    • である.
  • テキストノードのnodeValueはテキスト自体
    • である.
  • 属性ノードのnodeValueは、属性値
    • である.
    要素の値を取得
    以下の例では

    <html> <body> <p id="intro">Hello World!</p> <script type="text/javascript"> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html>

    POSレジバージョン:v 1