01.自定义属性的操作:
获取属性值 :
element.属性 获取内置属性值(元素本身自带的属性)
element . getAttribute('属性');主要获得自定义的属性(标准)我们程序员自定义的属性。
设置属性值:
element.属性='值' 设置内置属性值
element.setAttribute('属性','值');
(区别):
element.属性 设置内置属性值
element.setAttribute('属性'); 主要设置自定义的属性(标准)。
02.节点操作:
一般的,节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。
元素节点 nodeType 为1。
属性节点 nodeType 为2。
文本节点 nodeType 为3。
为我们实际开发中,节点操作主要操作的是元素的节点。
父节点:parentNode。
子节点:1. childNodes(包含所有的子点、元素节点、文本节等等)
2.children(非标准——获取所有的子元素节点,也是我们实际开发常用的。)
以下这两个方法有兼容性问题,IE9以上支持。
a.firstElementChild(返回第一个子元素节点,找不到则返回null。)
b.lastElementChild(返回最后一个子元素节点,找不到则返回null。)
以下方法有没有兼容性问题,建议开发使用。
a.console.log(ol.children[0]);(找到第一个子元素节点。
b.console.log(ol.children[ol.children.length - 1]);(找到最后一个子元素节点)。