اجزای Element HTML DOM
- آپ پیج ایچٹی ڈاکومنٹ
- پائین پیج ایچٹی ایمپلائیتی ویژگی
ایلیمنٹ آئیٹی
HTML DOM میں، Element نمائش، HTML عناصر کو نمائش دیتا ہے، مثلاً P، DIV، A، TABLE یا کسی دیگر HTML عنصر۔
ویژگی اور طریقت
درج ذیل ویژگی اور طریقت، تمام HTML عناصر کے لئے استعمال کی جاسکتی ہیں:
| ویژگی / طریقت | وصف |
|---|---|
| accessKey | عنصر کی accesskey پر واپس لینا یا اس کا قیمتی دینا ہوگا۔ |
| addEventListener() | عنصر پر ایونٹ ہینڈلر کو جوڑنا ہوگا۔ |
| appendChild() | عنصر میں نئے بچوں کو شامل کرنا یا ضم کرنا ہوگا۔ |
| attributes | عنصر کی اٹری بیوٹس کا نام نکالنے والا نقش وار نمائش واپس لایا جائے گا۔ |
| blur() | عنصر سے فیوچر کو ہٹانا ہوگا۔ |
| childElementCount | عنصر کے بچے کی تعداد کو واپس لایا جائے گا۔ |
| childNodes | عنصر کے بچے کا NodeList واپس لایا جائے گا۔ |
| children | عنصر کے بچوں کا ہیئل کا HTMLCollection واپس لایا جائے گا۔ |
| classList | عنصر کی کلاس کو واپس لایا جائے گا۔ |
| className | عنصر کی کلاس پر واپس لینا یا اس کا قیمتی دینا ہوگا۔ |
| click() | عنصر پر موس کی کلک کا مشن بناکر سیملائز کرنا ہوگا۔ |
| clientHeight | عنصر کی اونچائی کو واپس لایا جائے گا، پرانتھی سائز شامل ہوگا۔ |
| clientLeft | عنصر کی بائیں کی بورڈر کی چوڑائی کو واپس لایا جائے گا۔ |
| clientTop | عنصر کی اوپر کی بورڈر کی چوڑائی کو واپس لایا جائے گا۔ |
| clientWidth | عنصر کی چوڑائی کو واپس لایا جائے گا، پرانتھی سائز شامل ہوگا۔ |
| cloneNode() | عنصر کا کلون کرنا ہوگا۔ |
| closest() | مقابل کسٹم سلیکٹر جس کسی کس دم تھر بستار آئی، نزدیک ترین عنصر تلاش کرنا ہوگا۔ |
| compareDocumentPosition() | موقعیت مستند دو عنصر را مقایسه میکند. |
| contains() | اگر نقطه فرزند نقطه باشد، در این صورت true برگرداند. |
| contentEditable | تنظیم یا برگردان محتوای عنصر آیا قابل ویرایش است یا خیر. |
| dir | تنظیم یا برگردان مقادیر ویژگی dir عنصر. |
| firstChild | اولین فرزند عنصر را برگرداند. |
| firstElementChild | اولین فرزند عنصر را برگرداند. |
| focus() | عنصر را تمرکز میگیرد. |
| getAttribute() | مقدار ویژگی عنصر را برگرداند. |
| getAttributeNode() | نقطه ویژگی را برگرداند. |
| getBoundingClientRect() | سایز عنصر و موقعیت آن نسبت به视انداز را برگرداند. |
| getElementsByClassName() | مجموعهای از فرزندان دارای نام کلاس داده شده را برگرداند. |
| getElementsByTagName() | مجموعهای از فرزندان دارای نام برچسب داده شده را برگرداند. |
| hasAttribute() | اگر عنصر دارای ویژگی داده شده باشد، در این صورت true برگرداند. |
| hasAttributes() | اگر عنصر هرگونه ویژگی داشته باشد، در این صورت true برگرداند. |
| hasChildNodes() | اگر عنصر هرگونه فرزند داشته باشد، در این صورت true برگرداند. |
| element.id | تنظیم یا برگردان مقادیر ویژگی id عنصر. |
| innerHTML | تنظیم یا برگردان محتوای عنصر. |
| innerText | نود اور اس کے بیٹری کا متن کی وسیعت کا مقصد یا واپاس فراہم کرنا یا مقصد مقرر کرنا |
| insertAdjacentElement() | در موقعیت نسبی به عنصر، عنصر جدید HTML را وارد میکند. |
| insertAdjacentHTML() | در موقعیت نسبی به عنصر، متن فرمتبندی شده HTML را وارد میکند. |
| insertAdjacentText() | در موقعیت نسبی به عنصر، متن را وارد میکند. |
| insertBefore() | در ابتدای فرزندان موجود، فرزند جدید را وارد میکند. |
| isContentEditable | اگر محتوای عنصر قابل ویرایش باشد، در این صورت true برگرداند. |
| isDefaultNamespace() | اگر namespaceURI داده شده مقادیر پیشفرض باشد، در این صورت true برگرداند. |
| isEqualNode() | بررسی میکند که دو عنصر آیا برابر هستند یا خیر. |
| isSameNode() | بررسی میکند که دو عنصر آیا یک نقطه هستند یا خیر. |
| isSupported() | استفاده از آن منسوخ شده است. |
| lang | تنظیم یا برگردان مقادیر ویژگی lang عنصر. |
| lastChild | راجع یا برگردان آخریترین فرزند عنصر. |
| lastElementChild | آخرين فرزند عناصر را بازگردانيد. |
| matches() | اگر عنصر با انتخابگر CSS داده شده مطابقت دارد، true بازگردانيد. |
| namespaceURI | URI نامگذاري شده عناصر را بازگردانيد. |
| nextSibling | گره بعدي كه در همان سطح كنار قرار دارد را بازگردانيد. |
| nextElementSibling | عنصر بعدي كه در همان سطح كنار قرار دارد را بازگردانيد. |
| nodeName | نام گره را بازگردانيد. |
| nodeType | نوع گره را بازگردانيد. |
| nodeValue | مقدار گره را تنظيم يا بازگردانيد. |
| normalize() | گرههاي متن كنار هم را در عناصر كامپاكت كنيد و گرههاي متن خالي را حذف كنيد. |
| offsetHeight | ارتفاع عناصر را بازگردانيد (شامل پيشبينيها، حاشيهها و نوارهاي كش بيروني). |
| offsetWidth | عرض عناصر را بازگردانيد (شامل پيشبينيها، حاشيهها و نوارهاي كش بيروني). |
| offsetLeft | موقعيت افقي عناصر را بازگردانيد. |
| offsetParent | موضع عناصر را بازگردانيد. |
| offsetTop | موقعيت عمودي عناصر را بازگردانيد. |
| outerHTML | محتواي عناصر را (شامل برچسبهاي آغازين و پاياني) تنظيم يا بازگردانيد. |
| outerText | متن بيروني گره و فرزندان آن را تنظيم يا بازگردانيد. |
| ownerDocument | عنصر ريشه (مستند) را بازگردانيد. |
| parentNode | گره پدر عناصر را بازگردانيد. |
| parentElement | گره پدر عناصر را بازگردانيد. |
| previousSibling | گره قبلي كه در همان سطح كنار قرار دارد را بازگردانيد. |
| previousElementSibling | عنصر قبلي كه در همان سطح كنار قرار دارد را بازگردانيد. |
| querySelector() | اولين عنصر فرزند كه با انتخابگر CSS مطابقت دارد را بازگردانيد. |
| querySelectorAll() | تمام عناصر فرزند كه با انتخابگر CSS مطابقت دارند را بازگردانيد. |
| remove() | عناصر را از DOM حذف كنيد. |
| removeAttribute() | ويژگيهاي عناصر را حذف كنيد. |
| removeAttributeNode() | گره ويژگي را حذف كنيد و گره حذف شده را بازگردانيد. |
| removeChild() | فرزندان عناصر را از عناصر كنار بكنيد. |
| removeEventListener() | برنامهريزي كننده رويدادهايي كه با استفاده از روش addEventListener() به عناصر متصل شدهاند، حذف كنيد. |
| replaceChild() | موضع فرزندان عناصر را جايگزين كنيد. |
| scrollHeight | مجموع عرصه عناصر داخلي شامل پيشبينيهاً. |
| scrollIntoView() | عنصر کو براہ راست بروئر کی ونڈو کی دیکھ بھال شدہ علاقے میں رول کرنا |
| scrollLeft | عنصر کی محتوا کی افقی رولنگ کا پائیکسل کی تعداد مقصد یا واپاس فراہم کرنا |
| scrollTop | عنصر کی محتوا کی عمودی رولنگ کا پائیکسل کی تعداد مقصد یا واپاس فراہم کرنا |
| scrollWidth | عنصر کی مجموعی چوڑائی واپاس فراہم کرنا، اندرونی پرانو (padding) شامل |
| setAttribute() | صفت کی وسیعت کا مقصد یا واپاس فراہم کرنا یا مقصد مقرر کرنا |
| setAttributeNode() | صفت نود کو مقصد یا واپاس فراہم کرنا یا مقصد مقرر کرنا |
| style | عنصر کی style کی وسیعت کا مقصد یا واپاس فراہم کرنا |
| tabIndex | عنصر کی tabindex کی وسیعت کا مقصد یا واپاس فراہم کرنا |
| tagName | عنصر کی علامت کا نام واپاس فراہم کرنا |
| textContent | نود اور اس کے بیٹری کا متن کی وسیعت کا مقصد یا واپاس فراہم کرنا یا مقصد مقرر کرنا |
| title | عنصر کی title کی وسیعت کا مقصد یا واپاس فراہم کرنا یا مقصد مقرر کرنا |
| toString() | عنصر کو نعرہ بنانے کا عمل |
Element کی وسیعت تفصیلی طور پر
Element کی وسیعت HTML عنصر، XML عنصر یا علامت کو ظاہر کرتی ہے۔ tagName کی وسیعت عنصر کا نام معین کرتی ہے۔ Document کی documentElement کی وسیعت اس دستاویز کا بنیادی Element عنصر کو مراجع کرتی ہے۔ HTMLDocument کی body کی وسیعت بھی مشابهت رکھتی ہے، یہ دستاویز کا <body> عنصر کو مراجع کرتی ہے۔ ایک HTML دستاویز میں مخصوص نام کا عنصر تلاش کرنے کے لیے Document.getElementById() استعمال کیا جاتا ہے (اور اس عنصر کو id کی وسیعت کے ذریعے ایک منفرد نام فراہم کیا جاتا ہے)۔ علامت نام پر عنصر تلاش کرنے کے لیے getElementsByTagName() استعمال کیا جاتا ہے، یہ بھی Element کی کا میٹھداری اور Document کی کا میٹھداری ہے۔ HTML دستاویز میں، مشابهت رکھنے والی HTMLDocument.getElementsByName() کا میٹھداری بھی استعمال کی جاتی ہے، یہ علامت کی وسیعت کی وسیعت کے ذریعے عنصر تلاش کرتی ہے۔ آخری میں، Document.createElement() کی وسیعت کا استعمال کیا جاتا ہے، تاکہ دستاویز میں نئے Element عنصر کا تخلیق کیا جاسکے۔
addEventListener() کا میٹھداری (اور اس کی خاصیتی ای پی ایم کا متبادل attachEvent() ) اس عنصر پر مخصوص نوع کے ایونٹ کے لیے ایونٹ ہینڈل فانکشن رجسٹر کرنے کا ذریعہ فراہم کرتی ہے۔ تکنیکی طور پر، addEventListener()، removeEventListener() اور dispatchEvent() دونوں 2ویں سطح کے DOM Events معیار کی EventTarget کی وسیعت کے ذریعے معین کی گئی ہیں۔ تمام Element اوبجیکٹس EventTarget کو عملی کردہ ہیں۔
اس انٹر فیس کی دیگر طریقوں نے عناصر کی ویژگیوں کی رسائی فراہم کرتی ہیں۔ ایچٹی دوکومن میں (اور کئی XML دوکومنوں میں)، تمام ویژگیاں سادے استرنگ ویلیوز کی حامل ہوتی ہیں اور آپ کو اٹر اور سیٹ ویژگیوں کی کسی بھی عمل پر استعمال کرنے والی سادے طریق استعمال کرسکتے ہیں
اگر آپ XML دوکومن استعمال کر رہے ہیں، وہ ممکن ہے کہ وہ ویژگی کا حصہ کیوں کہ Entity رفرنس پیج شامل کیا جائے، آپ کو اٹر آئیٹی اور اس کا نیود چھوٹی شاخ استعمال کرنا ہوگا۔ آپ کسی ویژگی کیلئے getAttributeNode() اور setAttributeNode() استعمال کر کے اٹر آئیٹی حاصل اور اس کو سیٹ کر سکتے ہیں یا نود انٹر فیس کے attributes[] آرائی کا استعمال کرسکتے ہیں۔ اگر آپ کو ایک XML دوکومن استعمال کر رہے ہیں جس میں XML نامی جگہ استعمال کی جائے، تو وہ مختلف نام کا استعمال کرنے والی مختلف طریق استعمال کرنا ہوگی
1 درجہ DOM معیارات میں، normalize() مہمان ایلیمنٹ انٹر فیس کا حصہ ہوتا ہے۔ 2 درجہ معیارات میں، normalize() مہمان نیود انٹر فیس کا حصہ ہوتا ہے۔ تمام ایلیمنٹ نیود اس کو جانچتا رکھتا ہے اور اس کو استعمال کر سکتا ہے
معلومات: ایچٹی ڈاکومن نیود
ایچٹی ڈاکومن (دوکومن آئیٹی ماڈل) میں، ہر حصہ نیود ہوتا ہے:
- دوکومن خود دوکومن نیود ہوتی ہیں
- تمام ایچٹی عناصر ایلیمنٹ نیود ہوتی ہیں
- تمام ایچٹی ویژگیاں ویژگی نیود ہوتی ہیں
- ایچٹی عناصر کے اندر کا متن ٹیکسٹ نیود ہوتی ہیں
- کمانت کمانت نیود ہوتی ہیں
ایلیمنٹ آئیٹی
ایچٹی ڈاکومن میں، ایلیمنٹ آئیٹی ایچٹی عناصر کو نمائش کرتی ہیں
ایلیمنٹ آئیٹی کا بچوں کا نود بھی رکھ سکتا ہے جس کا نوعیت ایلیمنٹ نیود، ٹیکسٹ نیود، یا کمانت نیود کا ہو
نود لسٹ آئیٹی نود لسٹ نمائش کرتی ہے، مثلاً ایچٹی عناصر کا بچوں کا مجموعہ۔
عناصر بھی ویژگیاں رکھ سکتے ہیں۔ ویژگی ویژگی نیود (جس کا ذکر بعد میں کیا جائے گا) ہوتی ہیں。
- آپ پیج ایچٹی ڈاکومنٹ
- پائین پیج ایچٹی ایمپلائیتی ویژگی
