HTML DOM Element Object
- ບ່ອນໄປຫນື່ງກ່ອນ ເອກະສານ HTML
- ບ່ອນໄປຫນື່ງ ລັກສະນະ HTML
ບັນດາອົງກອນ Element
在 HTML DOM 中,Element 对象代表 HTML 元素,如 P、DIV、A、TABLE 或任何其他 HTML 元素。
属性和方法
以下属性和方法可用于所有 HTML 元素:
属性 / 方法 | 描述 |
---|---|
accessKey | 设置或返回元素的 accesskey 属性。 |
addEventListener() | 将事件处理程序附加到元素。 |
appendChild() | 向元素添加(附加)新的子节点。 |
attributes | 返回元素属性的 NamedNodeMap。 |
blur() | 从元素中移除焦点。 |
childElementCount | 返回元素的子元素个数。 |
childNodes | 返回元素子节点的 NodeList。 |
children | 返回元素的子元素的 HTMLCollection。 |
classList | 返回元素的类名。 |
className | 设置或返回元素的 class 属性值。 |
click() | 模拟鼠标单击元素。 |
clientHeight | 返回元素的高度,包括内边距。 |
clientLeft | 返回元素左边框的宽度。 |
clientTop | 返回元素上边框的宽度。 |
clientWidth | ຫຼຸດຄວາມກ່ວາງຂອງປະກອບສະຖານທີ່ລວມກັບຂໍ້ຄວາມບາງບາງການຂັດແຍ່ງ。 |
cloneNode() | ສ້າງປະກອບສະຖານທີ່ອີກຄັ້ງຄືກັນ。 |
closest() | ຊອກຫາປະກອບສະຖານທີ່ສຸດທ້າຍໃນຕອນໂຕ້ພັດ DOM ທີ່ຕິດຕາມຄູ່ຄັດ CSS。 |
compareDocumentPosition() | 比较两个元素的文档位置。 |
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() | 合并元素中相邻的文本节点,并移除空的文本节点。 |
return the last child element of the element. | matches() |
namespaceURI | 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() | ລຶບສະຖານະພາບການເບິ່ງວິທະຍາອອກບັນດາຫຼັກຫຼີນ. |
replaceChild() | ແທນສະຖານະນະພາບຂອງລູກອິດສະຫຼະພາບ. |
scrollHeight | ກັບຄືນຂະໜາດທັງໝົດຂອງບັນດາວັດສະນະພາບລວມກັບຄວາມກັບໂຕຫຼັງ. |
scrollIntoView() | 将元素滚动到浏览器窗口的可见区域。 |
scrollLeft | ກໍານົດຫຼືບັນທຶກຄວາມຈະແຈ້ງຂອງຄວາມຈະແຈ້ງຂອງຄວາມສະໝອງຂອງວັດຖຸ. |
scrollTop | ກໍານົດຫຼືບັນທຶກຄວາມຈະແຈ້ງຂອງຄວາມຈະແຈ້ງຂອງຄວາມສະໝອງຂອງວັດຖຸ. |
scrollWidth | ບັນທຶກຄວາມຈະແຈ້ງຂອງວັດຖຸທັງໝົດ, ລວມທັງບໍ່ມີຄວາມທີ່ຕາມ. |
setAttribute() | ກໍານົດຫຼືປ່ຽນຄວາມຈະແຈ້ງຂອງຄວາມຈະແຈ້ງຂອງຄວາມຈະແຈ້ງ. |
setAttributeNode() | ກໍານົດຫຼືປ່ຽນຄວາມຈະແຈ້ງຂອງຂໍ້ຄວາມຂອງວັດຖຸ. |
style | ກໍານົດຫຼືບັນທຶກຄວາມຈະແຈ້ງຂອງ style ຂອງວັດຖຸ. |
tabIndex | ກໍານົດຫຼືບັນທຶກຄວາມຈະແຈ້ງຂອງ tabindex ຂອງວັດຖຸ. |
tagName | ບັນທຶກຊື່ທີ່ແບບຂອງວັດຖຸ. |
textContent | ກໍານົດຫຼືບັນທຶກຄວາມທີ່ສະຫຼຸບຂອງຫຼັງພົນແລະພວກຫຼັງພົນຂອງວັດຖຸ. |
title | ກໍານົດຫຼືບັນທຶກຄວາມຈະແຈ້ງຂອງ title ຂອງວັດຖຸ. |
toString() | ສະຫຼຸບວັດຖຸຫຼືຄວາມທີ່ຕາມ. |
ຈະຊີ້ແຈງຄວາມຈະແຈ້ງຂອງ Element
ຄວາມຈະແຈ້ງຂອງ Element ແມ່ນສະແດງ HTML ວັດຖຸ, XML ວັດຖຸຫຼືແສະຫຼາກ. ລະບຽບ tagName ແມ່ນກໍານົດຊື່ວັດຖຸ. ຄວາມຈະແຈ້ງ documentElement ຂອງ Document ແມ່ນປະກົດກັບວັດຖຸ Element ຂອງໂປດນີ້. HTMLDocument body ທີ່ຈະຄືກັບຄືນນັ້ນກໍ່ມີຄວາມຈະແຈ້ງຂອງ <body> ຂອງໂປດນີ້. ເພື່ອຫາວັດຖຸທີ່ມີຊື່ພິເສດໃນໂປດ HTML, ນຳໃຊ້ Document.getElementById() (ແລະກໍານົດຊື່ພິເສດສຳລັບວັດຖຸດັ່ງກ່າວ). ເພື່ອຫາວັດຖຸຈາກຊື່ທີ່ແບບກົນລະບົບ, ນຳໃຊ້ getElementsByTagName(), ນັ້ນທັງແມ່ນກົນລະບົບຂອງ Element ແລະ Document. ໃນໂປດ HTML, ກໍ່ຈະນຳໃຊ້ກົນລະບົບທີ່ຄືກັບຄືນນັ້ນ HTMLDocument.getElementsByName() ເພື່ອຫາວັດຖຸຈາກລະບຽບ name. ໃນທ້າຍ, ທີ່ໄດ້ນຳໃຊ້ Document.createElement() ເພື່ອສ້າງວັດຖຸ Element ກັບທີ່ຈະເພີ່ມເຂົ້າໃນໂປດ.
ກົນລະບົບ addEventListener() (ແລະກົນລະບົບແທນສຳລັບ IE attachEvent() )ຈະບໍ່ພຽງພໍທີ່ສະຫຼຸບການສະຫຼຸບການກັບວັດຖຸສຳລັບປະເພດການເຫດການພິເສດຈະບັນຈຸພວກວັດຖຸດັ່ງກ່າວນັ້ນຢູ່ພາຍໃນການຮັບຄວາມຮັບພິເສດການກັບວັດຖຸ. ຈາກທາງວິທະຍາສາດ, addEventListener() , removeEventListener() ແລະ dispatchEvent() ທັງໆແມ່ນຕາມກົນລະບົບ EventTarget ຂອງ DOM Events 2 ຈະມີການກໍານົດຈາກ EventTarget. ທຸກວັດຖຸ Element ແມ່ນໄດ້ປະຕິບັດ EventTarget.
ບັນດາກົນລະບຽບອື່ນໆຂອງບັນດາບໍລິສັດພິທີກວ່າສະແດງການເຂົ້າເຖິງລັກສະນະຂອງຫົວຂໍ້. ໃນເອກະສານ HTML (ແລະຫຼາຍເອກະສານ XML), ບັນດາລັກສະນະທັງໝົດມີຄູ່ມວນຊີວິດທີ່ງາມທີ່ສົມບູນ, ແລະເຈົ້າສາມາດໃຊ້ກົນລະບຽບທີ່ງາມທີ່ສົມບູນ getAttribute() ແລະ setAttribute() ເພື່ອການປະຕິບັດການລັກສະນະທີ່ຕ້ອງການ.
ຖ້າເຈົ້າກຳລັງໃຊ້ເອກະສານ XML, ມັນອາດມີບັນດາສິ່ງຂຽນອີງຕາມ Entity ເປັນສ່ວນຂອງລັກສະນະ. ເຈົ້າຈະຕ້ອງໃຊ້ບັນດາຫົວຂໍ້ Attr ແລະ ບັນດາຫົວຂໍ້ຂອງຫົວຂໍ້. ເຈົ້າສາມາດໃຊ້ getAttributeNode() ແລະ setAttributeNode() ເພື່ອການເອົາແລະການປ່ຽນ Attr ຫົວຂໍ້, ຫຼື ສາມາດຢືອນ Attr ຫົວຂໍ້ໃນລະບົບສີບສີວິນຍານ attributes[] ຂອງຄຳເອກະສານ Node. ຖ້າເຈົ້າກຳລັງໃຊ້ເອກະສານ XML ທີ່ມີຊັ້ນຊື່ມັນຫນານວິກາຍ, ຈະຕ້ອງໃຊ້ບັນດາກົນລະບຽບທີ່ມີຊັ້ນຊື່ "NS".
ໃນກົດລະບຽບ DOM ຂັ້ນ 1, ກົນລະບຽບ normalize() ແມ່ນສ່ວນໜຶ່ງຂອງຄຳເອກະສານ Element. ໃນກົດລະບຽບຂັ້ນ 2, normalize() ແມ່ນສ່ວນໜຶ່ງຂອງຄຳເອກະສານ Node. ບັນດາຫົວຂໍ້ Element ສະເລັດການມາດຕະການນີ້ ແລະ ຍັງສາມາດໃຊ້ມັນຢູ່.
ຂໍ້ມູນ: ຫົວຂໍ້ບັນດາຫົວຂໍ້ HTML DOM
ໃນ HTML DOM (ພາບບັນດາຫົວຂໍ້ໂຕເອກະສານ), ບາງສ່ວນທຸກຄົນແມ່ນຫົວຂໍ້:
- ເອກະສານແມ່ນຫົວຂໍ້ໂຕເອກະສານ
- ບັນດາຫົວຂໍ້ HTML ແມ່ນຫົວຂໍ້ຫົວຂໍ້
- ບັນດາລັກສະນະ HTML ແມ່ນຫົວຂໍ້ລັກສະນະ
- ຄຳເຫັນໃນຫົວຂໍ້ HTML ແມ່ນຫົວຂໍ້ຄຳເຫັນ
- ຄຳເຫັນແມ່ນຫົວຂໍ້ຄຳເຫັນ
ບັນດາອົງກອນ Element
ໃນ HTML DOM, ບັນດາອົງກອນ Element ສະແດງຫົວຂໍ້ສ່ວນຂອງ HTML.
ບັນດາອົງກອນ Element ສາມາດມີຫົວຂໍ້ລົງມາຂອງປະເພດຫົວຂໍ້, ຫົວຂໍ້ຂັດ, ຫົວຂໍ້ຄຳເຫັນ.
ບັນດາອົງກອນ NodeList ສະແດງບັນດາຫົວຂໍ້ບັນດາຫົວຂໍ້, ອີງຕາມບັນດາຫົວຂໍ້ຜູ້ລົງມາຂອງຫົວຂໍ້ HTML.
ປະກອບສ່ວນສາມາດມີລັກສະນະ. ລັກສະນະແມ່ນຫົວຂໍ້ລັກສະນະ (ບອກໃຫ້ເບິ່ງວິນຍານຫນື່ງໃນຫນື່ງຕໍ່ໄປ).
- ບ່ອນໄປຫນື່ງກ່ອນ ເອກະສານ HTML
- ບ່ອນໄປຫນື່ງ ລັກສະນະ HTML