Kifungu cha HTML DOM Element

Kitu cha Element

Kwenye HTML DOM, elementi ya Element inaeleza elementi ya HTML, kama P, DIV, A, TABLE au kina nyingine ya HTML wote.

Muatili na meviumu

Muatili na meviumu yafaa kwa visoko vya HTML kote:

Muatili / Meviumu Ufafanuzi
accessKey Mpenda au rudi thamani ya ujumbe wa accesskey ya elementi.
addEventListener() Kuingia kwa sababu ya kina kwa elementi.
appendChild() Kuingia katika elementi na kuongeza watoto mpya.
attributes Rudi NamedNodeMap ya ujumbe wa elementi.
blur() Kuondoa kina kwa elementi.
childElementCount Rudi namba ya watoto wa elementi.
childNodes Rudi NodeList ya watoto wa elementi.
children Rudi HTMLCollection ya watoto wa elementi.
classList Rudi jina la ujenzi wa elementi.
className Mpenda au rudi thamani ya muatili wa class ya elementi.
click() Simula uharibifu wa kibali cha kikompyuta kwa elementi.
clientHeight Rudi uwezo wa elementi, kuhusu kijumbe na kijumu.
clientLeft Rudi uwezo wa kijumbe cha kushoto wa elementi.
clientTop Rudi uwezo wa kijumbe cha kati wa elementi.
clientWidth Rudi uwezo wa elementi, kuhusu kijumbe na kijumu.
cloneNode() Kopisha elementi.
closest() Chukuaa elementi ya kufikia kina msingi wa DOM ambao kina muhimu wa kizini cha CSS.
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 Kusaidia au kureturna maudhui ya matukio ya kipimo na watoto wake.
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 返回元素的高度，包括内边距、边框和滚动条。
offsetHeight Kurudia kina cha kina cha elementi.
offsetWidth Kurudia ukumbukumbu wa kina cha elementi.
offsetParent Kurudia kina cha kina cha elementi.
offsetTop Kurudia ukumbukumbu wa kina cha elementi.
outerHTML Kumaliza na kumwambia maadili ya elementi (kuanzia na kumaliza kizito).
outerText Kumaliza na kumwambia mabaki ya kipimo cha kina cha kipimo cha mabaki ya kina na watoto wao.
ownerDocument Kurudia mabaki wa kina wa kizito cha maelezo (kifaa cha maelezo).
parentNode Kurudia mabaki wa kina wa elementi.
parentElement Kurudia mabaki wa kina wa elementi.
previousSibling Kurudia mabaki bingwa ambao unaingia na mabaki ya elementi mwingine kwa ukosemu wa kipimo.
previousElementSibling Kurudia elementi bingwa ambao unaingia na mabaki ya elementi mwingine kwa ukosemu wa kipimo.
querySelector() Kurudia elementi wa kwanza wa watoto ambao wanaingia na kizito cha CSS.
querySelectorAll() Kurudia watoto wa elementi ambao wanaingia na kizito cha CSS.
remove() Kumachia elementi kutoka kwa DOM.
removeAttribute() Kumachia sababu ya kipimo kutoka kwa elementi.
removeAttributeNode() Kumachia mabaki ya sababu ya kipimo, na kumachia mabaki wa kumachia.
removeChild() Kumachia mabaki ya watoto wa elementi.
removeEventListener() Kumachia programu ya kuhusiana kwa msingi wa kuingia kwa kutumia method ya addEventListener().
replaceChild() Badilisha mabaki ya watoto wa elementi.
scrollHeight Ruhusu ukubadilika kipimo kipya cha elementi, kuanzia mabaki ya ndani.
scrollIntoView() Kusaidia kusikia element kwenye eneo la uonekano wa kifungu cha kifungu cha kifungu.
scrollLeft Kusaidia au kureturna upana wa upinde wa kipimo cha kipimo cha element kwa kusikia upinde wa kipimo.
scrollTop Kusaidia au kureturna upana wa upinde wa kipimo cha kipimo cha element kwa kusikia upinde wa kipimo.
scrollWidth Kureturna upana wa kipimo cha element kwa kumekua na upito wa kigeni.
setAttribute() Kusaidia kubadilisha au kurekisha thamani ya kiwango.
setAttributeNode() Kusaidia kubadilisha au kurekisha muatiko wa kiwango.
style Kusaidia au kureturna thamani ya muatiko wa style wa element.
tabIndex Kusaidia au kureturna thamani ya muatiko wa tabindex wa element.
tagName Kureturna jina la label la element.
textContent Kusaidia au kureturna maudhui ya matukio ya kipimo na watoto wake.
title Kusaidia au kureturna thamani ya muatiko wa title wa element.
toString() Kubadilisha kipimo cha element.

Kueleza Interface ya Element

Interface ya Element inaeleza majengo ya HTML, majengo ya XML au label. Muatiko wa tagName inaeleza jina la kipimo. Muatiko wa documentElement wa Document inaonyesha majengo wa kigeni wa kipimo hicho. Muatiko wa body wa HTMLDocument inaonekana kama hivyo, inaonyesha kipimo cha <body> cha kipimo hicho. Kuona kipimo kwenye wasifu wa HTML, tumekuwa na taarifu ya Document.getElementById() (kwa kuingia kwa id wa kipimo hicho kwa jina pekee). Kuona kipimo kwa jina cha kipimo, tumekuwa na taarifu ya getElementsByTagName(), inayoitumika kwa Element na Document. Kwenye wasifu wa HTML, tumekuwa na taarifu ya HTMLDocument.getElementsByName() kwa kufikiria kipimo kwa muatiko wa name. Kwa mwisho, tumekuwa na taarifu ya Document.createElement() kwa kumwiza kipimo cha Element kwenye wasifu.

Methodi ya addEventListener (na metodi ya IE inayotumika kwa kawaida attachEvent) ina taarifu ya kuregista kwa sababu ya kufikiria kwa uendeshaji wa maelezo kwa aina ya tukio kwenye kipimo hicho. Kwa mafanikio, addEventListener(), removeEventListener() na dispatchEvent ni kwa kuzingatia Interface ya EventTarget ya Mshakiliko wa DOM ya 2. Wote wa majengo ya Element wamefanikiwa kufanya EventTarget.

Vifaa vingine vya hii vya muundo vinaweza kusaidia kusoma hisia za mafanikio. Kwenye hatua ya HTML (na vingine vya hatua ya XML), wote wa hesabu wana thamani ya matukio ya maandiko, na unaoweza kutumia vifaa vya kusikia na kusasisha hisia kwa kusoma au kusasisha kwa vifaa vya kusoma na kusasisha.

Kama unaenda na hatua ya XML, hii inaweza kuhusisha Mbinu ya Kiingilani kama hisia ya hisia kama ndani ya hisia, wewe waendelee kutumia Mbinu ya Attr na mabonde yake ya mafanikio. Unaweza kutumia getAttributeNode() na setAttributeNode() kwa kusoma na kusasisha Mbinu ya Attr, au unaweza kusikia mabonde ya kufikia kwa tabia ya attributes[] ya muundo wa Node. Kama unaenda na hatua ya XML yenye mbinu ya jina la ukoo, unaendelee kutumia vifaa vyenye jina la 'NS'.

Kwenye mafano ya 1 ya mtumishi wa kilele, methodi ya normalize() inaenea kwa muundo wa Element. Kwenye mafano ya 2, normalize() inaenea kwa muundo wa Node. Wote wa mafanikio ya Element inakaa kwa hii na wanaoweza kutumia hii.

Mafano: Mafanikio ya HTML DOM

Kwenye HTML DOM (Mfano wa Kilele wa Hatua) kila kitu ni mbinu:

  • Mwanga wa hatua ni mbinu ya hatua
  • Wote wa kilele za HTML ni mbinu ya mafanikio
  • Wote wa hesabu za HTML ni mbinu ya hisia
  • Matukio ya mafanikio ya HTML ni mafanikio ya sauti
  • Maelezo ni mbinu ya maelezo

Kitu cha Element

Kwenye HTML DOM, kitu cha Element kinasema kilele cha HTML.

Kitu cha Element kinaweza kuwa na watoto wa aina ya mafanikio ya element, mafanikio ya kitu wa sauti, na mafanikio ya maelezo.

Kitu cha NodeList kinasema orodha ya mafanikio, kwa mfano kijumuia cha mafanikio ya kilele cha HTML.

Mafanikio yanaweza kuwa na hisia. Hisia ni mbinu ya hisia (tunaeza kusikia kitu kidogo).