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>
<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>
<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 |