.nodeName
現ノードの名前を文字列として返します。
文法
var str = node.nodeName;
str変数には、ノードの名前が文字列として格納されます。- nodeNameは読み取り専用です。
ノードの名前
下記は、ノードの異なる型毎に返される値です。
| インターフェース | ノード名 |
|---|---|
| Attr | Attr.name(属性名) |
| CDATASection | "#cdata-section" |
| Comment | "#comment" |
| Document | "#document" |
| DocumentFragment | "#document-fragment" |
| DocumentType | DocumentType.name |
| Element | Element.tagName |
| Entity | entity名 |
| EntityReference | entity参照の名前 |
| Notation | 表記の名前 |
| ProcessingInstruction | ProcessingInstruction.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では、nodeNameとtagNameは、HTMLドキュメントとしてのDOMフラグメントでは、大文字(upper case)で返すため、
text_fieldの値は、入力欄で"DIV"として読み込まれます。
詳細は、John Resig - .nodeName Case Sensitivityを確認してください。
tagNameのプロパティを使用する代わりに、nodeNameが同じ値を返すものとして使用されているかもしれないということに注意してください。
ただし、テキストノードに対し、nodeNameは"#text"を返すのに対し、tagNameはundefinedを返すことにも注意してください。
仕様
© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。
- 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
- 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
- MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
- "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。