آموزش طراحی سایت (HTML CSS Javascript) | آتریا

خصوصیت element.nodeType

مثال (خصوصیت element.nodeType)

به دست آوردن نوع گره از عنصر body:

var x = document.getElementById("myP").nodeType;

خروجی x در کد بالا

1

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

خصوصیت nodeType، نوع گره را بعنوان یک عدد از یک گره مشخص برمی گرداند.

در صورتی که گره مورد نظر، یک گره عنصر باشد، خصوصیت nodeType عدد 1 را برمی گرداند.

در صورتی که گره مورد نظر، یک گره خصوصیت باشد، خصوصیت nodeType، عدد 2 را برمی گرداند.

در صورتی که گره مورد نظر، یک گره متنی باشد، خصوصیت nodeType، عدد 3 را برمی گرداند.

در صورتی که گره مورد نظر، یک گره کامنت باشد، خصوصیت nodeType، عدد 8 را برمی گرداند.

این خصوصیت فقط خواندنی است.

پشتیبانی مرورگرها

متد
nodeType	بله	بله	بله	بله	بله

نحوه استفاده

node.nodeType

جزئیات تکنیکی

مقدار برگشتی	یک عدد که مشخص کننده ی نوع گره ، از یک گره می باشد.
DOM Version	Core Level 1 Node Object

انواع گره ها

سندها، عنصر ها، خصوصیت ها، و دیگر جنبه های HTML یا XML، دارای انواع گره های متفاوتی می باشند.

12نوع گره مختلف وجود دارند، که ممکن است دارای فرزندانی از انواع گره های مختلف باشند:

نوع گره		توضیحات	فرزندان
1	Element	یک عنصر را مشخص می کند	Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference
2	Attr	یک خصوصیت را مشخص می کند	Text, EntityReference
3	Text	محتوای متنی در یک عنصر یا خصوصیت را مشخص می کند.	None
4	CDATASection	یک بخش CDATA را در یک سند مشخص می کند(متنی که به وسیله ی یک تجزیه کننده، تجزیه نمی شود).	None
5	EntityReference	یک نهاد مرجع را مشخص می کند.	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
6	Entity	یک نهاد را مشخص می کند	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
7	ProcessingInstruction	یک دستورالعمل پردازش را مشخص می کند.	None
8	Comment	یک کامنت را مشخص می کند	None
9	Document	سند سراسری را مشخص می کند(گره ریشه ی درخت DOM).	Element, ProcessingInstruction, Comment, DocumentType
10	DocumentType	یک رابط وجودی برای سند را مشخص می کند.	None
11	DocumentFragment	یک شیء سند "lightweight" را مشخص می کند که می تواند یک بخش از سند را نگهداری کند.	Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference
12	Notation	یک یادداشت را که به صورت DTD تعریف شده است را مشخص می کند.	None

انواع گره ها - مقادیر برگشتی

مقدار برگردانده شده از خصوصیت های nodeName و nodeValue برای هر نوع گره:

Node type		nodeName returns	nodeValue returns
1	Element	element name	null
2	Attr	attribute name	attribute value
3	Text	#text	content of node
4	CDATASection	#cdata-section	content of node
5	EntityReference	entity reference name	null
6	Entity	entity name	null
7	ProcessingInstruction	target	content of node
8	Comment	#comment	comment text
9	Document	#document	null
10	DocumentType	doctype name	null
11	DocumentFragment	#document fragment	null
12	Notation	notation name	null

انواع گره ها - ثابت های دارای نام

NodeType	Named Constant
1	ELEMENT_NODE
2	ATTRIBUTE_NODE
3	TEXT_NODE
4	CDATA_SECTION_NODE
5	ENTITY_REFERENCE_NODE
6	ENTITY_NODE
7	PROCESSING_INSTRUCTION_NODE
8	COMMENT_NODE
9	DOCUMENT_NODE
10	DOCUMENT_TYPE_NODE
11	DOCUMENT_FRAGMENT_NODE
12	NOTATION_NODE

مثال - خودتان امتحان کنید

مثال (خصوصیت element.nodeType)

به دست آوردن نوع گره از عنصر <body>:

var x = document.body.nodeType;

خروجی x در کد بالا

1

خودتان امتحان کنید »

مثال (خصوصیت element.nodeType)

به دست آوردن نوع گره ها از گره های فرزند عنصر <body>:

var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeType + "<br>";
}

document.getElementById("demo").innerHTML = txt;

خروجی txt در کد بالا:

3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
8    // comment node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node

خودتان امتحان کنید »

مثال (خصوصیت element.nodeType)

به دست آوردن نام گره، مقدار گره و نوع گره از اولین گره فرزند از یک عنصر <div>:

<div id="myDIV">This is a div element.</div>

<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>

خروجی txt در کد بالا:

The node name: #text
The node value: This is a div element.
The node type: 3

خودتان امتحان کنید »

آموزش های مرتبط

مرجع مدل DOM در اچ تی ام ال node.nodeName Property

مرجع مدل DOM در اچ تی ام ال node.nodeValue Property

مرجع مدل DOM در اچ تی ام ال node.childNodes Property

کلیه توابع و خصوصیت های شیء Element در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 6408

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی