1.获取元素的方法:
1)document.getElementById() 返回一个对象
2)document.getElementByTagName() 返回的是一个伪数组
3)document.getElementByClassName() 返回一个对象
4)document.querySelector() 返回指定选择器的第一个对象
5)document.querySelectorAll() 返回指定选择器的所有元素对象的集合
6)document.body 获取body
7) document.documentElement 获取HTML
2.事件的三要素:事件源、事件类型和事件处理程序
事件源表示事件被触发的对象,事件类型表示如何触发,什么事件,事件处理程序表示通过一个函数赋值的方式来完成。
3. innerText和innerHTML的区别
两者的相同点在于都是用来获取元素的内容的,而不同点在于innerText不识别THML标签,非标准,不保留空格和换行,innerHTML识别html标签,W3C标准,保留空格和换行。
4.自定义属性:
获取元素属性值:
1)element.属性
2)如果是自定义属性:则element.getAttribute('属性')
设置元素属性值:
1)element.属性=‘值’
2)如果是自定义属性:则element.setAttribute('属性','值')
移除属性:
element.removeAttribute('属性')
5.H5中为了区分什么是内置属性,什么是自定义属性,规定在自定义属性前面加上data-,H5新增的获取自定义属性,只能获取data开头的,是dataset属性,其是一个集合,里面存放了所有以data开头的自定义属性。
6.1)获取父节点:通过parentNode属性
2)获取子节点:通过childNodes获取所有节点,包括元素节点和文本节点,通过children获取所有子元素节点
3)通过firstChild获取第一个元素的节点,通过lastChild获取最后一个元素的节点,它们都可以获取元素节点和文本节点,如果只想获取第一个元素节点的话,可以使用children[0],兼容性更强。
4)获取下一个兄弟节点:通过nextSibling属性获取元素节点和文本节点,通过nextElementSibling属性获取元素节点