اشیاء HTMLElement XML DOM

عنصر HTMLElement نماد یک عنصر در HTML است.

ویژگی‌های عنصر HTMLElement

ویژگی‌های عنصر HTMLElement Node و Element این ویژگی استاندارد یک عنصر است و همچنین چندین ویژگی غیراستاندارد زیر را نیز پیاده‌سازی کرده است:

className

محدودیت ویژگی class عناصر را تعیین می‌کند. توجه داشته باشید که نام این ویژگی "class" نیست، زیرا "class" یک کلمه رزرو شده در JavaScript است.

نوع: رشته. وضعیت: قابل نوشتن.

currentStyle

این ویژگی خاص از IE به مجموعه‌ای از ویژگی‌های CSS برای عناصر اعمال می‌شود. این یک جایگزین برای Window.getComputedStyle() است که فقط برای IE استفاده می‌شود.

نوع: رشته. وضعیت: قابل نوشتن.

dir

محدودیت ویژگی dir عناصر را تعیین می‌کند که مسیر متن مستند را اعلام می‌کند.

نوع: رشته. وضعیت: قابل نوشتن.

id

محدودیت ویژگی id عناصر را تعیین می‌کند. در یک مستند، هیچ دو عنصر نمی‌توانند دارای همان ارزش id باشند.

نوع: رشته. وضعیت: قابل نوشتن.

innerHTML

محدودیت این عناصر شامل رشته‌هایی است که توسط عناصر شامل می‌شوند، شامل برچسب‌های شروع و پایان عناصر نمی‌شود. جستجوی این ویژگی محتوای عناصر را به عنوان یک رشته HTML بازمی‌گرداند. با تنظیم این ویژگی به یک رشته HTML، می‌توان محتوای عناصر را با استفاده از نمودارهای تحلیل HTML جایگزین کرد. در هنگام بارگذاری مستند، نمی‌توان این ویژگی را تنظیم کرد. این یک ویژگی غیراستاندارد است که از IE4 آغاز شده و توسط تمام مرورگرهای مدرن پشتیبانی می‌شود.

نوع: رشته. وضعیت: قابل نوشتن.

lang

محدودیت ویژگی lang عناصر، کد زبان محتوای عناصر را اعلام می‌کند.

نوع: رشته. وضعیت: قابل نوشتن.

offsetHeight, offsetWidth

ارتفاع و عرض عنصر را به پیکسل بازمی‌گرداند. این ویژگی‌ها غیر استاندارد هستند اما پشتیبانی خوبی دارند.

نوع: عدد صحیح. وضعیت: فقط خواندنی.

offsetLeft

اندازه‌گیری به پیکسل از مرز چپ عنصر به مرز چپ عنصر حاوی آن را بازمی‌گرداند.

نوع: عدد صحیح. وضعیت: فقط خواندنی.

offsetTop

اندازه‌گیری به پیکسل از مرز بالا عنصر به مرز بالا عنصر حاوی آن را بازمی‌گرداند.

نوع: عدد صحیح. وضعیت: فقط خواندنی.

offsetParent

به عنصر حاوی تعیین شده‌ی پویا در نزدیکی‌ترین، ارجاع بازمی‌گرداند، همه‌ی اندازه‌گیری‌ها بر اساس این عنصر انجام می‌شوند. اگر style.display عنصر به none تنظیم شده باشد، این ویژگی null بازمی‌گرداند. این ویژگی‌ها غیر استاندارد هستند اما پشتیبانی خوبی دارند.

نوع:Node. وضعیت: فقط خواندنی.

scrollHeight, scrollWidth

ارتفاع و عرض کامل عنصر را به پیکسل بازمی‌گرداند. زمانی که عنصر دارای نوار کشویی است (مثلاً به دلیل ویژگی CSS overflow)، این ویژگی‌ها با offsetHeight و offsetWidth متفاوت هستند، offsetHeight و offsetWidth فقط اندازه بخش قابل مشاهده عنصر را گزارش می‌کنند. این ویژگی‌ها غیر استاندارد هستند اما پشتیبانی خوبی دارند.

نوع: عدد صحیح. وضعیت: فقط خواندنی.

scrollTop, scrollLeft

پیکسل‌های حرکت به سمت چپ یا بالا در لبه‌های چپ یا بالا عنصر را تنظیم یا بازمی‌گرداند. این پیکسل‌ها فقط در صورت وجود نوار کشویی در عنصر، به عنوان مثال، وقتی که ویژگی CSS overflow عنصر به auto تنظیم شده باشد، مفید هستند. این ویژگی‌ها فقط در تگ <body> یا <html> تعریف می‌شوند (این با مرورگرها مرتبط است) و با هم به تنظیم موقعیت اسکرول مستند کمک می‌کنند. توجه داشته باشید که این ویژگی‌ها مقدار اسکرول یک تگ <iframe> را تعیین نمی‌کنند. این ویژگی‌ها غیر استاندارد هستند اما پشتیبانی خوبی دارند.

نوع: عدد صحیح. وضعیت: قابل نوشتن.

style

مقدار property style را که برای عنصر تعیین شده است، بازمی‌گرداند. توجه داشته باشید که مقدار این ویژگی یک رشته نیست.

نوع:CSS2Properties. وضعیت: فقط خواندنی.

title

ویژگی title عناصر را تعیین می‌کند. زمانی که موس بر روی عنصر قرار می‌گیرد، بسیاری از مرورگرها این مقدار را در "نشان‌دهنده ابزار" عنصر نمایش می‌دهند.

نوع: رشته. وضعیت: قابل نوشتن.

روش‌های شیء HTMLElement ارث می‌برد.

شیء HTMLElement از Node و Element روش‌های استاندارد برای شیء. دستورالعمل HTML DOMصفحات مرجع هر نشانه این روش‌ها را ارائه می‌دهند.

بیشتر مرورگرهای مدرن روش‌های غیر استاندارد زیر را پیاده‌سازی کرده‌اند:

روش توضیح
scrollIntoView() مدولوم مستند را بچرخانید. این عنصر را در بالای یا پایین پنجره قرار می‌دهد.

دستگیره‌های رویداد موضوع HTMLElement

تمام عناصر HTML که به رویدادهای ماوس و صفحه کلید پاسخ می‌دهند می‌توانند این دستگیره‌های رویداد را فعال کنند. برخی از عناصر مانند لینک‌ها و دکمه‌ها، هنگام رخ دادن این رویدادها عملیات پیش‌فرض را انجام می‌دهند. برای چنین عناصری، جزئیات بیشتری درصفحات مرجع عناصر خاصجستجو کنید.

لطفاً به دستورالعمل ویژگی‌های رویداد HTML، برای اطلاعات بیشتر در مورد دستگیره‌های رویداد HTML.

چگونه می‌توانم اطلاعات جزئی‌تر در مورد موضوع HTMLElement بدست آورم

در دستورالعمل HTML DOM CodeW3C.com، ما صفحات مرجع اختصاصی برای موضوعات DOM مرتبط با HTML ایجاد کرده‌ایم:

دستورالعمل HTML DOM

صفحات مرتبط

دستورالعمل XML DOM:موضوع Document

دستورالعمل XML DOM:getElementById() Document

دستورالعمل XML DOM:getElementsByTagName() Document