关键词

节点 node 事件 onclick ondblclick onmousemove onload getElementById() getElementsByName() getElementsByTagName() getElementsClassName() 元素 属性 childNodes firstChild lastChild children firstElementChild lastElementChild parentNode previousSibling nextSibling previousElementSibling nextElementSibing body documentElement head doctype all querySelector() querySelectorAll() innerHTML innerText

代码

  • onload 当内容加载完成之后执行的事件,例如window iframe img等等
  • getElementsName() 获取标签元素name属性对于的元素,返回形式为类数组
    getElementsName
  • childNodes 获取文本节点在内的所有节点,需要注意的是IE8以及更低版本的浏览器不会将空白节点当做子节点
  • firstElementChild IE8以及更低版本的浏览器不支持
  • lastElementChild IE8以及更低版本的浏览器不支持
  • previousElementSibling IE8以及更低版本的浏览器不支持
  • nextElementSibing IE8以及更低版本的浏览器不支持
  • querySelector() IE8浏览器支持
  • querySelectorAll() IE8浏览器支持

强调

节点的属性

通过document获取元素节点

  • 一般情况下,一个元素被赋值给一个变量,那么变量.属性就是这个元素对应的属性,而获取class的属性值,则需要调用 变量.className 的方法,同时,如果想要获取元素的标签,可以调用 变量.tagName 的方法;