网站首页 » 前端开发 » JavaScript » JavaScript HTML DOM Element 对象属性和方法
上一篇:
下一篇:

JavaScript HTML DOM Element 对象属性和方法

属性 / 方法 描述 套路
element.accessKey 设置或返回元素的快捷键。
element.attributes 返回元素属性的 NamedNodeMap。
element.childNodes 返回元素子节点的 NodeList。
element.className 设置或返回元素的 class 属性。
element.clientWidth 返回元素的可见宽度(包括padding)。
element.clientHeight 返回元素的可见高度(包括padding)。
element.offsetWidth 返回元素的宽度(包括padding和border)。
element.offsetHeight 返回元素的高度(包括padding和border)。
element.offsetLeft 返回元素的水平偏移位置。
element.offsetParent 返回最近的祖先定位元素(定位元素指的是元素的 CSS position 属性被设置为 relative、absolute 或 fixed 的元素)。
element.offsetTop 返回元素的垂直偏移位置(相对于定位元素)。
element.offsetLeft 返回元素的水平偏移位置(相对于定位元素)。
element.contentEditable 设置或返回元素的文本方向。
element.dir 设置或返回元素的内容是否可编辑。
element.firstChild 返回元素的首个子元素。
element.id 设置或返回元素的 id。
element.innerHTML 设置或返回元素的内容。
element.isContentEditable 设置或返回元素的内容。
element.lang 设置或返回元素的语言代码。
element.lastChild 返回元素的最后一个子元素。
element.namespaceURI 返回元素的 namespace URI。
element.nextSibling 返回位于相同节点树层级的下一个节点。
element.nodeName 返回元素的名称。
element.nodeType 返回元素的节点类型。
element.nodeValue 设置或返回元素值。
element.ownerDocument 返回元素的根元素(文档对象)。
element.parentNode 返回元素的父节点。
element.previousSibling 返回位于相同节点树层级的前一个元素。
element.scrollHeight 返回元素的整体高度。
element.scrollLeft 返回元素左边缘与视图之间的距离。
element.scrollTop 返回元素上边缘与视图之间的距离。
element.scrollWidth 返回元素的整体宽度。
element.style 设置或返回元素的 style 属性。
element.tabIndex 设置或返回元素的 tab 键控制次序。
element.tagName 返回元素的标签名。
element.textContent 设置或返回节点及其后代的文本内容。
element.title 设置或返回元素的 title 属性。
nodelist.length 返回 NodeList 中的节点数。
element.classList 返回一个包含DOM 对象中的所有 CLASS 名的数组对象(有如下属性和方法)
属性:
length,返回 class 类的个数;
方法:
add(class1, class2, …) // 添加一个或多个 CLASS 类,若存在则不添加。
remove(class1, class2, …) // 删除一个或多个 CLASS 类,即使类名不存在也不会报错。
contains(class) // 判断是否含有某个 CLASS 类,返回 true 或者 false。
item(index) // 返回下标(索引值)对应的 CLASS 类,无则返回 null。
toggle(class, true | false) 切换 CLASS 类。第二个参数可选,是否强制添加或者删除类名。
element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置,返回值为一个 DOMRect 对象,对象包涵:x、y、width、height、left、top、right和 bottom 8 个属性。其中 width和 height 包括 padding 和 border
element.appendChild() 向元素添加新的子节点,作为最后一个子节点。
var target = document.getElementById(“ul”);
var node = document.createElement(“LI”);
var textnode = document.createTextNode(“d”);
node.appendChild(textnode);
target.appendChild(node);
element.cloneNode() 克隆元素。
element.compareDocumentPosition() 比较两个元素的文档位置。
element.getAttribute() 返回元素节点的指定属性值。
element.getAttributeNode() 返回指定的属性节点。
element.getElementsByTagName() 返回拥有指定标签名的所有子元素的集合。
element.getFeature() 返回实现了指定特性的 API 的某个对象。
element.getUserData() 返回关联元素上键的对象。
element.hasAttribute() 如果元素拥有指定属性,则返回true,否则返回 false。
element.hasAttributes() 如果元素拥有属性,则返回 true,否则返回 false。
element.hasChildNodes() 如果元素拥有子节点,则返回 true,否则 false。
element.insertBefore() 在指定的已有的子节点之前插入新节点。
element.isDefaultNamespace() 如果指定的 namespaceURI 是默认的,则返回 true,否则返回 false。
element.isEqualNode() 检查两个元素是否相等。
element.isSameNode() 检查两个元素是否是相同的节点。
element.isSupported() 如果元素支持指定特性,则返回 true。
element.normalize() 合并元素中相邻的文本节点,并移除空的文本节点。
element.removeAttribute() 从元素中移除指定属性。
element.removeAttributeNode() 移除指定的属性节点,并返回被移除的节点。
element.removeChild() 从元素中移除子节点。
element.replaceChild() 替换元素中的子节点。
element.setAttribute() 把指定属性设置或更改为指定值。
element.setAttributeNode() 设置或更改指定属性节点。
element.setIdAttribute()
element.setIdAttributeNode()
element.setUserData() 把对象关联到元素上的键。
element.toString() 把元素转换为字符串。
nodelist.item() 返回 NodeList 中位于指定下标的节点。
document.elementFromPoint(x,y) 通过点坐标来获取元素
  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/javascript-html-dom-element-attributes-and-functions/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论 END