blob: 2d254b0a33d70cbba0563e427359de9da933009d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
---
title: Node.nodeValue
slug: Web/API/Node/nodeValue
tags:
- プロパティ
- リファレンス
browser-compat: api.Node.nodeValue
translation_of: Web/API/Node/nodeValue
---
{{APIRef("DOM")}}
**`nodeValue`** は {{domxref("Node")}} インターフェイスのプロパティで、現在のノードの値を返したり設定したりします。
## Value
もしあれば、現在のノードの値を含む文字列です。
文書自身においては、 `nodeValue` は `null` を返します。
テキスト、コメント、 CDATA ノードでは、 `nodeValue` はノードの内容を返します。
属性ノードにおいては、属性の値が返します。
以下の表はノードの種類別の返値を表しています。
| ノード | nodeValue の値 |
| ------------------------------------ | ----------------------------------- |
| {{domxref("CDATASection")}} | CDATA セクションの中身 |
| {{domxref("Comment")}} | コメントの中身 |
| {{domxref("Document")}} | `null` |
| {{domxref("DocumentFragment")}} | `null` |
| {{domxref("DocumentType")}} | `null` |
| {{domxref("Element")}} | `null` |
| {{domxref("NamedNodeMap")}} | `null` |
| {{domxref("ProcessingInstruction")}} | 対象を除く内容物全体 |
| {{domxref("Text")}} | テキストノードの中身 |
> **Note:** `nodeValue` が `null` になると定義されている場合は、設定しても効果がありません。
## 例
```html
<div id="d1">Hello world</div>
<!-- コメントの例 -->
<output id="result">結果が出ていません。</output>
```
また、以下のスクリプトを参照してください。
```js
let node = document.getElementsByTagName("body")[0].firstChild;
let result = "<br/>ノード名:<br/>";
while (node) {
result += node.nodeName + "の値: " + node.nodeValue + "<br/>";
node = node.nextSibling
}
const output = document.getElementById("result");
output.innerHTML = result;
```
{{ EmbedLiveSample("Example", "100%", "250")}}
## 仕様書
{{Specifications}}
## ブラウザーの互換性
{{Compat}}
|
