Objects HTML DOM Element
- Iyalon na kara HTML Dokumentu
- Iyalon na kara HTML Attibuti
Kwayar 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() | 比较两个元素的文档位置。 |
contains() | 如果节点是节点的后代,则返回 true。 |
contentEditable | 设置或返回元素的内容是否可编辑。 |
dir | 设置或返回元素的 dir 属性的值。 |
firstChild | 返回元素的第一个子节点。 |
firstElementChild | 返回元素的第一个子元素。 |
focus() | 让元素获得焦点。 |
getAttribute() | 返回元素属性的值。 |
getAttributeNode() | 返回属性节点。 |
getBoundingClientRect() | 返回元素的大小及其相对于视口的位置。 |
getElementsByClassName() | 返回拥有给定类名的子元素的集合。 |
getElementsByTagName() | 返回拥有给定标签名称的子元素的集合。 |
hasAttribute() | 如果元素拥有给定属性,则返回 true。 |
hasAttributes() | 如果元素拥有任何属性,则返回 true。 |
hasChildNodes() | 如果元素有任何子节点,则返回 true。 |
element.id | 设置或返回元素 id 属性的值。 |
innerHTML | 设置或返回元素的内容。 |
innerText | Daganta ko kuma samun ƙarfin kowane ƙwarin na ƙwarin da ke ƙarƙashin abin. |
insertAdjacentElement() | 在相对于元素的位置插入新的 HTML 元素。 |
insertAdjacentHTML() | 在相对于元素的位置插入 HTML 格式的文本。 |
insertAdjacentText() | 在相对于元素的位置插入文本。 |
insertBefore() | 在现有子节点之前插入新子节点。 |
isContentEditable | 如果元素的内容是可编辑的,则返回 true。 |
isDefaultNamespace() | 如果给定的 namespaceURI 是默认值,则返回 true。 |
isEqualNode() | 检查两个元素是否相等。 |
isSameNode() | 检查两个元素是否是同一个节点。 |
isSupported() | 已弃用。 |
lang | 设置或返回元素的 lang 属性值。 |
lastChild | 返回元素的最后一个子节点。 |
lastElementChild | Daceyari yuan de zuizhong ge xizi yuandian. |
matches() | Rang yuan yu CSS xuanzeqi heping de yuandian, fanhui true. |
namespaceURI | Daceyari mingming kongjian URI. |
nextSibling | Daceyari tingdai dianshi xueli de xiayi ge dianji. |
nextElementSibling | Daceyari tingdai dianshi xueli de xiayi ge xianjia. |
nodeName | Daceyari mingcheng. |
nodeType | Daceyari jiaodian leixing. |
nodeValue | Shezhi hua hua xian de zhi. |
normalize() | Hanyin xingli de xiangling wenzhi jiaoyi, yiqu kong de wenzhi jiaoyi. |
offsetHeight | Daceyari gao |
offsetWidth | Daceyari kuandu, bao kuan neibianju, biankuang he guniudao. |
offsetLeft | Daceyari hengxiang piwei weizhi. |
offsetParent | Daceyari piwei rongqi. |
offsetTop | Daceyari zuizhong piwei weizhi. |
outerHTML | Shezhi hua hua xian de nengli (bao kuan qishi biaoqian he jieshu biaoqian). |
outerText | Shezhi hua hua xian de wai bu wenzhi nengli. |
ownerDocument | Daceyari genzong xianjia (wendang duanxi). |
parentNode | Daceyari fuxian de dianji. |
parentElement | Daceyari fuxian de xianjia dianji. |
previousSibling | Daceyari tingdai dianshi xueli de shangyi ge dianji. |
previousElementSibling | Daceyari tingdai dianshi xueli de shangyi ge xianjia. |
querySelector() | Daceyari CSS xuanzeqi heping de diyi ge suzi yuandian. |
querySelectorAll() | Daceyari CSS xuanzeqi heping de suzi yuandian. |
remove() | Daceyari DOM ciki. |
removeAttribute() | Daceyari xingta ciki. |
removeAttributeNode() | Yanki xingta xianjia, daceyari kudiwaiya. |
removeChild() | Daceyari kudiwaiya ciki. |
removeEventListener() | Yanki addEventListener() fa'an yara daceyari. |
replaceChild() | Hankala kudiwaiya ciki. |
scrollHeight | Ba da kaiyiwu kaijili, badao neibianju. |
scrollIntoView() | Daganta ko kuma samun abin da ke ƙarƙashin abin na ƙarƙashin abin na ƙarƙashin abin. |
scrollLeft | Daganta ko kuma samun ataqashe na scrollLeft na abin. |
scrollTop | Daganta ko kuma samun ataqashe na scrollTop na abin. |
scrollWidth | Samun wucin abin na abin kuma kamar ƙarfin ƙarfin. |
setAttribute() | Daganta ko kuma samun ataqashe na属性的值. |
setAttributeNode() | Daganta ko kuma samun ataqashe na属性 na abin. |
style | Daganta ko kuma samun ataqashe na style na abin. |
tabIndex | Daganta ko kuma samun ataqashe na tabIndex na abin. |
tagName | Samun sunan tag na abin. |
textContent | Daganta ko kuma samun ƙarfin kowane ƙwarin na ƙwarin da ke ƙarƙashin abin. |
title | Daganta ko kuma samun ataqashe na title na abin. |
toString() | Yin wucin abin da ya haɗa da Element. |
Takaitaccen Element na yau da kullun
Takaitaccen Element yana da matsakaici da kowace abin HTML, abin XML ko tag. Ataqashe na tagName yana bayar da sunan abin. Ataqashe na documentElement na Document yana nuna abin na root Element na wannan dokument. Kuma, ataqashe na body na HTMLDocument yana da kama, ita ce abin na <body> na dokument. domin samun abin na matsakaici na wannan dokument, amfani da Document.getElementById() (da ba da abin sunan na id don abin). domin samun abin na matsakaici da kama sunan tag, amfani da getElementsByTagName(), wanda take kuma takaitaccen hukuntarannan na Element kuma na Document. A cikin dokument na HTML, kuma amfani da hukuntarannan na HTMLDocument.getElementsByName() domin samun abin na matsakaici da kama sunan name. Kuma, amfani da Document.createElement() domin kafa abin na Element na farko don shiga dokument.
Hukuntarannan (da kuma kama attachEvent() ) tana bayar da hanyar samun fannin hukuntarannan na tsarin DOM na farko don tsarin hukuntarannan. Daga baya, hukuntarannan na addEventListener() , removeEventListener() da dispatchEvent() su ne daga takaitaccen EventTarget na tsarin hukuntarannan na 2 na DOM. Dukansu na Element suna gudanar da takaitaccen EventTarget.
Wannan interface na wani ɗaya na sauran methodu wadanda ke ba da damar yin amfani da attibuti na kwayar. A cikin dokumentu na HTML (da kuma kusan duk dokumentu na XML), allattibuti suna da wani ɗaya na waya da kwaye, kuma ake amfani da methodu na da kwaye don amfani da wani ɗaya na attibuti.
Kama a cikin XML dokumentu, suhu zai iya da wani ɗaya na rarraba Entity kamar wani ɗaya na attibuti, kuma a ta hanyar Attr object kuma kwayar ɗaya na kwayar su. An sami kwayar Attr da kwayar kwayar su kama a cikin getAttributeNode() da setAttributeNode() don sami da gudanar Attr object, ko a cikin attributes[] array na Node interface don gudanar kwayar Attr. Bugu da ƙari, a cikin XML dokumentu wanda ke da namespasi, kuma suhu yana da wani ɗaya na methodu da suha da su, wanda ake amfani da su.
A cikin 1 na DOM ka'idodin, normalize() methodun wani ɗaya na Element interface. A cikin 2 na ka'idodin, normalize() wani ɗaya na Node interface. Allattibuti na Element ke kewaye da wannan methodu kuma an sami ya gani a gaba.
Makarantu: Kwayar HTML DOM
A cikin HTML DOM (Dokumentu Object Model), kowacce na yau ke da kwayar:
- Dokumentu wadanda ke da kwayar dokumentu.
- Allattibuti na HTML wadanda ke da kwayar element.
- Allattibuti na HTML wadanda ke da kwayar attibutu.
- Tekun bayan kwayar HTML wadanda ke da kwayar tekun bayan.
- Shirin bayan kwayar shirin bayan
Kwayar Element
A cikin HTML DOM, kwayar Element wadanda ke wakiltar kwayar HTML.
Kwayar Element wadanda ke da al'umma na kwaye na kwayar element, kwayar tekun bayan, ko kwayar shirin bayan.
Kwayar NodeList wadanda ke wakiltar rafin kwaye, misali kungiyar kwaye na HTML.
Kwayan ko iya da attibuti. Attibutuna suna da kwayar attibutu (gana shi na yanzu).
- Iyalon na kara HTML Dokumentu
- Iyalon na kara HTML Attibuti