HTML DOM Element အရာဝတ္တု
- အရှေ့လိုက် HTML ဂျိုမိုင်
- နောက်လိုက် HTML အချက်အလက်
Element အရာဝတ္တဇာ
HTML DOM တွင်，Element အပေါင်းစား ကို ပြန်လည်ခွဲခြားထားသည်။
အချက်အလက် နှင့် ဒဏ္ဍာန်
အောက်ပါ အချက်အလက် နှင့် ဒဏ္ဍာန် ကို အားလုံး အကျယ်အဝန်း အား အသုံးပြုနိုင်သည့်အတွက်ဖြင့်
| အချက်အလက် / ဒဏ္ဍာန် | ဖော်ပြ |
|---|---|
| accessKey | accesskey အကျယ်အဝန်း ကို ကိုက်ခတ်သွားသည်။ |
| addEventListener() | အကျယ်အဝန်း အား အခမဲ့ပေးသည်။ |
| appendChild() | အကျယ်အဝန်း အား အပိုင်းစား အပေါ် ထပ်ထည့်ထားသည်။ |
| attributes | အကျယ်အဝန်း အချက်အလက် အား ပြန်လည်ခွဲခြားထားသည်။ |
| blur() | အကျယ်အဝန်း အား ဖုံးကွယ်ထားသည်။ |
| childElementCount | အကျယ်အဝန်း အပိုင်းစား အရေအတွက် ပြန်လည်ခွဲခြားထားသည်။ |
| childNodes | အကျယ်အဝန်း အပိုင်းစား အား ပြန်လည်ခွဲခြားထားသည်။ |
| children | အကျယ်အဝန်း အပိုင်းစား အား ပြန်လည်ခွဲခြားထားသည်။ |
| classList | class အကျယ်အဝန်း ကို ပြန်လည်ခွဲခြားထားသည်။ |
| className | class အကျယ်အဝန်း ကို ကိုက်ခတ်သွားသည်။ |
| click() | မောင်းနှုတ်သုံး ပြန်လည်ခွဲခြားထားသည်။ |
| clientHeight | အကျယ်အဝန်း အား ပေးသည်။ |
| clientLeft | အရွယ်အား ပေးသည်။ |
| clientTop | အရွယ်အား ပေးသည်။ |
| clientWidth | အကျယ်အဝန်း အား ပေးသည်။ |
| cloneNode() | အကျယ်အဝန်း ပြန်လည်ခွဲခြားထားသည်။ |
| closest() | တိုင်းပေါင်း စကာတင် တွေ့ရှိရသော အကျယ်အဝန်း အား လုပ်ကိုင်သည်။ |
| compareDocumentPosition() | 比较两个元素的文档位置。 |
| contains() | 如果节点是节点的后代，则返回 true。 |
| contentEditable | 设置或返回元素的内容是否可编辑。 |
| dir | 设置或返回元素的 dir 属性的值。 |
| firstChild | 返回元素的第一个子节点。 |
| firstElementChild | compareDocumentPosition() |
| compareDocumentPosition() | contains() |
| contentEditable | dir |
| firstChild | firstElementChild |
| focus() | getAttribute() |
| getAttributeNode() | getBoundingClientRect() |
| getElementsByClassName() | getElementsByTagName() |
| hasAttribute() | အစိတ်အပိုင်း အသုံးပြုခြင်း အား အခြား ပြန်လည်ပေးခြင်း |
| hasAttributes() | အစိတ်အပိုင်း အသုံးပြုခြင်း အား အခြား ပြန်လည်ပေးခြင်း |
| hasChildNodes() | အစိတ်အပိုင်း အသုံးပြုခြင်း အား အခြား ပြန်လည်ပေးခြင်း |
| element.id | id အကို အသုံးပြု သို့မဟုတ် ပြန်လည်ပေးခြင်း |
| innerHTML | အစိတ်အပိုင်း အသုံးပြုခြင်း အား အခြား ပြန်လည်ပေးခြင်း |
| innerText | 设置或返回节点及其后代的文本内容。 |
| insertAdjacentElement() | အစိတ်အပိုင်း နှင့် အခြား အသုံးပြုခြင်း |
| insertAdjacentHTML() | အစိတ်အပိုင်း နှင့် အခြား အသုံးပြုခြင်း |
| insertAdjacentText() | အစိတ်အပိုင်း နှင့် နောက်ပိုင်း အသုံးပြုခြင်း |
| insertBefore() | အစိတ်အပိုင်း အသုံးပြုခြင်း အား အခြား ပြန်လည်ပေးခြင်း |
| isContentEditable | အစိတ်အပိုင်း အသုံးပြုခြင်း အား အခြား ပြန်လည်ပေးခြင်း |
| isDefaultNamespace() | namespaceURI အသုံးပြုခြင်း အား အခြား ပြန်လည်ပေးခြင်း |
| isEqualNode() | နှစ်ခုသော အစိတ်အပိုင်း သည် တူညီသလား အသိအမှတ်ပြုခြင်း |
| isSameNode() | နှစ်ခုသော အစိတ်အပိုင်း သည် တူညီသော အစိတ်အပိုင်း ဖြစ်သလား အသိအမှတ်ပြုခြင်း |
| isSupported() | အသုံးပြုခြင်း ဖြင့် ပြန်လည်ပေးခြင်း |
| lang | lang အကို အသုံးပြု သို့မဟုတ် ပြန်လည်ပေးခြင်း |
| lastChild | အသုံးပြီးသော အစိတ်အပိုင်း ကို ပြန်လည်ပေးခြင်း သို့မဟုတ် အရေးပါသော အသုံးပြုခြင်း |
| lastElementChild | 返回元素的最后一个子元素。 |
| matches() | 如果元素与给定的 CSS 选择器匹配，则返回 true。 |
| namespaceURI | 返回元素的命名空间 URI。 |
| nextSibling | 返回位于相同节点树层级的下一个节点。 |
| nextElementSibling | 返回位于相同节点树层级的下一个元素。 |
| nodeName | 返回节点的名称。 |
| nodeType | 返回节点的节点类型。 |
| nodeValue | 设置或返回节点的值。 |
| normalize() | 合并元素中相邻的文本节点，并移除空的文本节点。 |
| normalize() | အရာဝတ္တု တွင် အစားထိုးသော အချက် နှင့် အဆုံး ပါဝင်သည်။ |
| offsetHeight | အရာဝတ္တု အတွင်း အရှည် အဆင်းမြင့် အရှည် ပါဝင်သည်။ |
| offsetWidth | အရာဝတ္တု အတွင်း အရှည် အဆင်းမြင့် အရှည် ပါဝင်သည်။ |
| 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 | 返回元素的整体宽度，包括内边距。 |
| setAttribute() | 设置或更改属性的值。 |
| setAttributeNode() | 设置或更改属性节点。 |
| style | 设置或返回元素 style 属性的值。 |
| tabIndex | 设置或返回元素的 tabindex 属性的值。 |
| tagName | 返回元素的标签名。 |
| textContent | 设置或返回节点及其后代的文本内容。 |
| title | 设置或返回元素的 title 属性值。 |
| toString() | 将元素转换为字符串。 |
Element 接口详解
Element 接口表示 HTML 元素、XML元素或标记。tagName 属性指定了元素的名称。Document 的 documentElement 属性引用这个文档的根 Element 对象。HTMLDocument 对象的 body 属性也类似，它引用了文档的
元素。要在一个 HTML 文档中找到指定名称的元素，使用 Document.getElementById()（并通过 id 属性给该元素一个唯一的名称）。要通过标记名来定位元素，使用 getElementsByTagName()，这既是 Element 的方法也是 Document 的方法。在 HTML 文档中，也可以使用类似的 HTMLDocument.getElementsByName() 方法来根据元素的 name 属性来查找元素。最后，可以用 Document.createElement() 方法，创建插入文档的新 Element 元素。addEventListener() မီးရပ်တန့်ကုဒ္တိုင့် (နှင့် IE အတွက် ပြင်ဆင်တန့်ကုဒ္တိုင့် attachEvent() ) သည် အကွက် ပေါ်တွင် အကွက် အမျိုးအစား အတွက် အခင်းအမြတ် လိုက်ပေးသည် အကွက် ပြုစုမှု ကုဒ္တိုင့် ပြုလုပ်ကြည့်ရမည်။ နည်းပညာအရ，addEventListener() နှင့် removeEventListener() နှင့် dispatchEvent() အား 2 မှုဒ္ဒိုင်း DOM Events အဘောင်းအရာကို သတ်မှတ်ထားသည်။ အားလုံးသော Element အကွက်အား အကွက် ပြုစုမှု အဘောင်းအရာ အား ဖြစ်ပါသည်။
这个接口的各种其他方法提供了对元素的属性的访问。在 HTML 文档中（以及许多 XML 文档中），所有属性都有简单的字符串值，并且你可以使用简单方法 getAttribute() 和 setAttribute() 进行所需的任何属性操作。
အဆိုပါ XML ဂျိုမိုင် ကို အဆိုပါ XML ဂျိုမိုင် အချက်အလက် တွင် Entity ကို ကိုက်ညီသော စာရင်း ကို ပါဝင်သည် ဖြစ်စေ သို့မဟုတ် အဆိုပါ XML ဂျိုမိုင် ကို အသုံးပြုခြင်း မှာ XML အမည် အသုံးပြုသော အချက်အလက် ဖြစ်သည် ဖြစ်စေ သုံးသပ်သည် ဖြစ်စေ သို့မဟုတ် အဆိုပါ Node အစိတ်အပိုင်း အပေါ် အဆိုပါ အချက်အလက် ကို ကျမ်းကျိန်းသည်။ အဆိုပါ အချက်အလက် ကို getAttributeNode() နှင့် setAttributeNode() ကို အသုံးပြု၍ အဆိုပါ အချက်အလက် ကို ရယူ နှင့် အသုံးပြုနိုင်သည် သို့မဟုတ် Node အစိတ်အပိုင်း အပေါ် attributes[] အော်ပရိုက္ခ ကို လည်ပတ်နိုင်သည်။ အဆိုပါ XML အမည် အသုံးပြုသော XML ဂျိုမိုင် ကို အသုံးပြုခြင်း မှာ အမည်အဖြင့် 'NS' ဖြင့် ပါဝင်သော အချက်အလက် ကို အသုံးပြုသင်
1 မြောက် DOM အချက်အလက် တွင် normalize() စက်မှု ကို Element အစိတ်အပိုင်း တစ်ခုဖြစ်သည်။ 2 မြောက် အချက်အလက် တွင် normalize() စက်မှု ကို Node အစိတ်အပိုင်း တစ်ခုဖြစ်သည်။ အားလုံး Element အစိတ်အပိုင်း က ထိုစက်မှု ကို ယူဆောင်ပြီး အသုံးပြုနိုင်သည်
သတိပြုချက်: HTML DOM အရာဝတ္တဇာ
HTML DOM (ဂျိုမိုင် အပျက်အလက်) တွင် အချို့ အစိတ်အပိုင်း ကို အရာဝတ္တဇာ
- ဂျိုမိုင် ကို ဂျိုမိုင် အရာဝတ္တဇာ
- အားလုံး HTML အရာဝတ္တဇာ ကို အရာဝတ္တဇာ အရာဝတ္တဇာ
- အားလုံး HTML အချက်အလက် ကို အချက်အလက် အရာဝတ္တဇာ
- HTML အရာဝတ္တဇာ အတွင်းရှိ စကားလုံး ကို စကားလုံး အရာဝတ္တဇာ
- အစီရင်ခံ ကို အစီရင်ခံ အရာဝတ္တဇာ
Element အရာဝတ္တဇာ
HTML DOM တွင် Element အရာဝတ္တဇာ ကို HTML အရာဝတ္တဇာ ကို ကိုက်ညီသည်
Element အရာဝတ္တဇာ ကို အရာဝတ္တဇာ အမျိုးအစား ဖြစ်သော အရာဝတ္တဇာ ကို ဖြစ်ပါသည်
NodeList အရာဝတ္တဇာ ကို အရာဝတ္တဇာ စာရင်း ကို ကိုက်ညီသည်။ အခြေခံပေါ်တွင် HTML အရာဝတ္တဇာ ကို ကိုက်ညီသည်
အရာဝတ္တဇာ ကို အချက်အလက် ဖြစ်ပါသည်။ အချက်အလက် ဖြစ်ပါသည် ကို အခြေခံအချက်အလက် ကို ကျမ်းကျိန်းသည် (အခြေခံအချက်အလက် ကို ကျမ်းကျိန်းသည်)
- အရှေ့လိုက် HTML ဂျိုမိုင်
- နောက်လိုက် HTML အချက်အလက်
