bendtherules/UiQuestions
1
0
Fork 0
mirror of https://github.com/bendtherules/UiQuestions.git synced 2026-08-18 22:02:42 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

element-properties - Clarify tagName for text nodes

Browse Source
This commit is contained in:
bendtherules
2020-10-30 19:44:30 +05:30
parent 6a027c76fe
commit 227a9f9781
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/element-properties.mdx
+5 -3
View File
@@ -23,12 +23,14 @@ ele.tagName // "IMG"
:::note Text nodes don't have `tagName` :::note Text nodes don't have `tagName`
Text nodes are not element, so they don't have any tagName - it'll just give `undefined`. Text nodes are not element, so they don't have any tagName.
To identify the type of node, use `.nodeType` - which returns `3` (same as `Node.TEXT_NODE`) for text nodes.
<MDN title="nodeType" url="https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType" />
::: :::
## Children and Content ## Children
:::note Types of Children :::note Types of Children
@@ -55,7 +57,7 @@ This is important because some properties return **only child elements**, wherea
</div> </div>
container.childNodes // [text, div, text] container.childNodes // [text, div, text]
// extra text nodes contain newline and space characters // extra text nodes contain newline and space
``` ```
Read more about [other types of nodes](https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType) and how [whitespace works in html](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Whitespace). Read more about [other types of nodes](https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType) and how [whitespace works in html](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Whitespace).