摘要：document.getElementById('ID')使用id属性获取元素获取多个id来元素,通过创建函数for循环简化操作getElementsByName('NAME')返回是一个NodeList节点列表,不只一个元素console.log(); 控制台查看将name属性的值,当作docuemtn对象的属性来用,返回唯一元素document.NAMEdocu
document.getElementById('ID')使用id属性获取元素
获取多个id来元素,通过创建函数for循环简化操作
getElementsByName('NAME')返回是一个NodeList节点列表,不只一个元素
console.log(); 控制台查看
将name属性的值,当作docuemtn对象的属性来用,返回唯一元素
document.NAME
document.getElementsByTagName('标签名');根据标签名称获取元素,返回一个元素集合,有length属性,可以当数组来访问
item()也可以获取指定元素
getElementsByTagName()不仅在document对象上有定义,在Element元素对象上也有定义
根据name标签名和name属性选择元素的快捷方式:仅适用于极少的几个,这是历史原因造成的
images: 所有的<img>元素 图像,数组, 有三种访问方式
1.标签索引 document.images[0]
2.name 属性 document.images['pic']
3.将name视为元素对象的属性进行访问 document.images.pic
forms: 所有的<forms>元素 表单,数组
document.forms
a 链接: 所有的<a>元素,NodeList 数组
document.links
body: <body>元素,总有定义,只有一个
document.body
head: <head>元素,总有定义,不写会自动添加,只有一个
document.head
documentElement: <html>元素,总有定义,只有一个
document.documentElement
doctype: 文档类型,同样也只有一个
document.doctype
根据元素的class属性值获取元素
document.getElementsByClassName('class属性')该方法也支持在父元素上调用
支持多个class 属性值 多属性空格隔开
document.getElementsByClassName('class属性 class属性')
用css选择器来获取元素
document.querySelectorAll('css选择器') 获取的是数组
document.querySelector('css选择器') 获取满足条件的第一个元素
批改老师：灭绝师太批改时间：2019-01-16 09:12:33
老师总结：完成的不错，可以测试下看看效果，dom方法很重要哦！
