Latest web development tutorials

HTML DOMプロパティ

プロパティは、ノード(HTML要素)の値であり、あなたが取得または設定できます。


プログラミングインターフェース

JavaScriptの(および他のプログラミング言語)によるHTML DOMにアクセスします。

すべてのHTML要素をオブジェクトとして定義され、プログラミングインターフェースは、オブジェクトのメソッドとオブジェクトのプロパティです。

この方法は、あなたが行うことができます(追加や変更要素など)の動作です。

プロパティは、あなたが(例えば、ノード名またはコンテンツ)の値を取得または設定できることです。


innerHTMLプロパティ

要素の内容を取得する最も簡単な方法は、innerHTMLプロパティを使用することです。

innerHTMLプロパティを取得または便利なHTML要素の内容を置き換えます。

次のコードは、ID = "イントロ" <p>要素のinnerHTMLプロパティを取得します。

<html>
<body>

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

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

</body>
</html>

»をお試しください

innerHTMLのは財産である一方で、上記の例では、getElementByIdのは、方法です。

ランプ

innerHTMLプロパティを取得または任意のHTMLを含む要素、<HTML>と<body>を変更するために使用することができます。



nodeName属性はノードの名前を指定します。

  • nodeNameのは、読み取り専用であります
  • 要素ノードの同じタグ名を持つのnodeName
  • 同じ属性名とnodeName属性ノード
  • nodeNameのテキストノードは常にの#textです
  • nodeNameのドキュメントノードが常に#documentです

注:nodenameは常に大文字HTML要素のタグ名が含まれています。


nodeValueプロパティ

nodeValueプロパティ値指定されたノード。

  • nodeValue要素ノードが未定義またはnullであります
  • nodeValueテキストノードは、テキストそのものです
  • nodeValue属性ノードは、属性値であり、

要素の値を取得します。

次の例では、<p個のID = "イントロ">タグのテキストノードの値を取得します。

<html>
<body>

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

<script type="text/javascript">
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>

</body>
</html>

»をお試しください


NodeTypeプロパティ

NodeTypeプロパティは、ノードの型を返します。 nodeTypeプロパティは読み取り専用です。

ノードの種類は、より重要です:

要素型 ノードタイプ
要素 1
プロパティ 2
テキスト 3
ノート 8
ファイル 9