From 0e7fc92daa74711762322b806e2371ff19d2fed3 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 26 Feb 2022 02:27:38 +0900 Subject: 2021/12/20 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/node/nodename/index.md | 174 ++++++++++++++------------------ 1 file changed, 78 insertions(+), 96 deletions(-) diff --git a/files/ja/web/api/node/nodename/index.md b/files/ja/web/api/node/nodename/index.md index 65daeb1074..ea9679714d 100644 --- a/files/ja/web/api/node/nodename/index.md +++ b/files/ja/web/api/node/nodename/index.md @@ -2,101 +2,83 @@ title: Node.nodeName slug: Web/API/Node/nodeName tags: - - DOM - - Gecko - - Gecko DOM Reference + - プロパティ + - リファレンス + - 読み取り専用 +browser-compat: api.Node.nodeName translation_of: Web/API/Node/nodeName --- -
- {{APIRef}}
-
-  
-
- 概要
-

ノードの名前を文字列で返します。

-

構文

-
str = node.nodeName;
-
- -

注記

-

以下の異なる種類のノードの戻り値があります。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
InterfacenodeName
AttrAttr.name と同じ
CDATASection"#cdata-section"
Comment"#comment"
Document"#document"
DocumentFragment"#document-fragment"
DocumentTypeDocumentType.name と同じ
ElementElement.tagName と同じ
Entity実体名
EntityReference実体参照名
Notation記法名
ProcessingInstructionProcessingInstruction.target と同じ
Text"#text"
-

例

-

次のマークアップ文書が与えられているとします。

-
<div id="d1">hello world</div>
-<input type="text" id="t"/>
-
-

そして、以下のスクリプトがあると考えてください。

-
var div1 = document.getElementById("d1");
-var text_field = document.getElementById("t");
-
-text_field.value = div1.nodeName;
-
-

XHTML (あるいは、他の XML 形式) の場合 text_field の値には "div" が入ります。しかし、HTML の場合 text_field の値には "DIV" が入ります。

-

注意: tagName プロパティが使用された場合、nodeName は tagName と同じ値になります。tagName が未定義 (undefined) の時 nodeName はテキストノードである #text を返します。

-

仕様

- +{{APIRef("DOM")}} + +**`nodeName`** は {{domxref("Node")}} の読み取り専用プロパティで、現在のノードの名前を文字列で返します。 + +## 値 + +文字列です。ノードの種類によって、次のような値になります。 + +- {{domxref("Attr")}} + - : {{domxref("Attr.name")}} の値で、この属性の*修飾名*です。 +- {{domxref("CDATASection")}} + - : `"#cdata-section"` という文字列です。 +- {{domxref("Comment")}} + - : `"#comment"` という文字列です。 +- {{domxref("Document")}} + - : `"#document"` という文字列です。 +- {{domxref("DocumentFragment")}} + - : `"#document-fragment"` という文字列です。 +- {{domxref("DocumentType")}} + - : {{domxref("DocumentType.name")}} の値です。 +- {{domxref("Element")}} + - : {{domxref("Element.tagName")}} の値です。これは HTML 要素であればその要素のタグの*大文字の*名前であり、 XML 要素（SVG や MathML の要素）であればその要素のタグの*小文字の*名前です。 +- {{domxref("ProcessingInstruction")}} + - : {{domxref("ProcessingInstruction.target")}} の値です。 +- {{domxref("Text")}} + - : `"#text"` という文字列です。 + +## 例 + +この例では、様々なノードのノード名を表示します。 + +```html +こちらは HTML です。 +
Hello world
+ +テキストテキスト +テキスト
+ + + +
+まだ出力されていません。 +``` + +また、スクリプトは以下の通りです。 + +```js +let node = document.getElementsByTagName("body")[0].firstChild; +let result = "ノード名:
"; +while (node) { + result += node.nodeName + "
"; + node = node.nextSibling +} + +const output = document.getElementById("result"); +output.innerHTML = result; +``` + +{{ EmbedLiveSample("Example", "100%", "450")}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{domxref("Element.tagName")}} +- {{domxref("Attr.name")}} +- {{domxref("DocumentType.name")}} +- {{domxref("ProcessingInstruction.target")}} -- cgit v1.2.3-54-g00ecf