JavaScript学习-Element对象

Element对象表示HTML元素,可以拥有类型为:

    元素节点(createElement())、

    文本节点(createTextNode())、

    注释节点(createAttribute())、

    注释节点();

我自己重新整理了一下;

NodeList表示节点列表:

    nodelist.item()                返回NodeList中位于指定下标的节点;

    nodelist.length               返回NodeList中的节点数

Element属性:

element.nodeName                   返回元素的名称。
element.nodeType                   返回元素的节点类型。
element.nodeValue                  设置或返回元素值。
element.attributes                 返回元素属性的节点属性集合。
element.contentEditable                设置或返回元素的文本方向。
element.dir                            设置或返回元素的文本方向。
element.id                         设置或返回元素的 id。
element.innerHTML                  设置或返回元素的内容。
element.lang                       设置或返回元素的语言代码。
element.namespaceURI               返回元素的 namespace URI。
element.offsetHeight               返回元素的高度。
element.offsetWidth                    返回元素的宽度。
element.offsetLeft                 返回元素的水平偏移位置。
element.offsetParent               返回元素的偏移容器。
element.offsetTop                  返回元素的垂直偏移位置。
element.ownerDocument              返回元素的根元素(文档对象)。
element.parentNode                 返回元素的父节点。
element.scrollHeight               返回元素的整体高度。
element.scrollLeft                 返回元素左边缘与视图之间的距离。
element.scrollTop                  返回元素上边缘与视图之间的距离。
element.scrollWidth                    返回元素的整体宽度。
element.tagName                        返回元素的标签名。
element.title                      设置或返回元素的 title 属性。
element.style                      设置或返回元素的 style 属性。
element.accessKey                  设置或返回元素的快捷键。
element.childNodes                 返回元素子节点的 NodeList。
element.className                  设置或返回元素的 class 属性。
element.clientHeight               返回元素的可见高度。
element.clientWidth                    返回元素的可见宽度。
element.firstChild                 返回元素的首个子。
element.lastChild                  返回元素的最后一个子元素。
element.previousSibling                返回位于相同节点树层级的前一个元素。
element.nextSibling                    返回位于相同节点树层级的下一个节点。

获取方法
element.getAttribute()             返回元素节点的指定属性值。
element.getAttributeNode()         返回指定的属性节点。
element.getElementsByTagName()     返回拥有指定标签名的所有子元素的集合。

判断方法
element.compareDocumentPosition()  比较两个元素的文档位置。
element.hasAttribute()             如果元素拥有指定属性,则返回true,否则返回 false。
element.hasAttributes()                如果元素拥有属性,则返回 true,否则返回 false。
element.hasChildNodes()                如果元素拥有子节点,则返回 true,否则 false。
element.isContentEditable          判断内容是否可编辑
element.isDefaultNamespace()       如果指定的 namespaceURI 是默认的,则返回 true,否则返回 false。
element.isEqualNode()              检查两个元素是否相等。
element.isSameNode()               检查两个元素是否是相同的节点。
element.isSupported()              如果元素支持指定特性,则返回 true。

操作方法
element.appendChild()              向元素添加新的子节点,作为最后一个子节点。
element.insertBefore()             在指定的已有的子节点之前插入新节点。
element.cloneNode()                    克隆元素。
element.normalize()                    合并元素中相邻的文本节点,并移除空的文本节点。
element.removeAttribute()          从元素中移除指定属性。
element.removeAttributeNode()      移除指定的属性节点,并返回被移除的节点。
element.removeChild()              从元素中移除子节点。
element.replaceChild()             替换元素中的子节点。
element.setAttribute()             把指定属性设置或更改为指定值。
element.setAttributeNode()         设置或更改指定属性节点。
element.setUserData()              把对象关联到元素上的键。
element.tabIndex                   设置或返回元素的 tab 键控制次序。
element.textContent                    设置或返回节点及其后代的文本内容。
element.toString()                 把元素转换为字符串。

求互么侧的方法
element.setIdAttribute()
element.setIdAttributeNode()
element.getFeature()               返回实现了指定特性的 API 的某个对象。
element.getUserData()              返回关联元素上键的对象。





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值