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

خصوصیت element.nodeValue

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

به دست آوردن مقدار گره از اولین عنصر<button> در سند مورد نظر:

var x = document.getElementsByTagName("BUTTON")[0].childNodes[0].nodeValue;

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

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

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

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

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

خصوصیت nodeValue، مقدار گره را از یک گره مورد نظر، ست کرده یا برمی گرداند.

در صورتی که گره مورد نظر، یک گره عنصر باشد، خصوصیت nodeValue مقدار null را برمی گرداند.

نکته: در صورتی که می خواهید متن یک عنصر را برگردانید، به خاطر داشته باشید که متن هیشه درون یک "گره متن" قرار دارد و شما مجبور هستید که مقدار گره "گره متنی" را برگردانید(element.childNodes[0].nodeValue)

خصوصیت nodeValue، برای گره های مختلف دیگر، مقادیر متفاوت دیگری را برمی گرداند.

نکته: textContent یک خصوصیت دیگر، مانند خصوصیت nodeValue می باشد.

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

متد
nodeValue	بله	بله	بله	بله	بله

نحوه استفاده

برگرداندن مقدارگره:

node.nodeValue

ست کردن مقدار گره:

node.nodeValue=value

Property Values

مقدار	توضیحات
value	مقدار گره را از یک گره مشخص برمی گرداند.

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

مقدار برگشتی	یک رشته که مشخص کننده ی مقدار گره می باشد. مقادیر امکان پذیر: برای گره های عنصر و document null را برمی گرداند. برای گره های خصوصیت، مقدار خصوصیت مورد نظر را برمی گرداند. برای گره های متنی، محتوا را برمی گرداند. برای گره های کامنت، محتوا را برمی گرداند.
DOM Version	Core Level 1 Node Object

مقدار برگشتی

یک رشته که مشخص کننده ی مقدار گره می باشد.

مقادیر امکان پذیر:

برای گره های عنصر و document null را برمی گرداند.
برای گره های خصوصیت، مقدار خصوصیت مورد نظر را برمی گرداند.
برای گره های متنی، محتوا را برمی گرداند.
برای گره های کامنت، محتوا را برمی گرداند.

DOM Version

Core Level 1 Node Object

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

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

به دست آوردن نام گره، مقدار گره و نوع گره از اولین گره فرزند عنصر <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.nodeType Property

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

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

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

: نوشته شده توسط امیر پهلوان صادق; بازدید: 5575

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

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

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