Dom
Dom 文档对象模型
D---->Document 文档
O---->object 对象
M---->model 模型
文档就是对应的HTML结构
如何通过document获取其他元素
document.body body的Dom对象
document.forms 页面中所有的form的Dom对象的集合
document.images 页面中所有的img的Dom对象的集合
通用的方法获取Dom对象
document.getElementById("id") 通过id
document.getElementsByTagName("tagname")通过标签名
document.getElementsByName("name") 通过name(基本上都是表单元素)
document.getElementsByClassName("classname") 通过class(IE8及以下不兼容)
document.queryselector("css选择器") 获取集合中的第一个Dom对象
document.queryselectorAll("css选择器") 获取符合条件的Dom对象
有兼容问题,IE7及以下版本不兼容
获取条件下的Dom对象
需要先获取对应的祖先元素中的某一级Dom
Dom.getElementsByTagName
Dom.getElementsByClassName
只有document支持所有的方法,其他的Dom对象只支持以上这两种
Dom 文档对象模型
D---->Document 文档
O---->object 对象
M---->model 模型
文档就是对应的HTML结构
如何通过document获取其他元素
document.body body的Dom对象
document.forms 页面中所有的form的Dom对象的集合
document.images 页面中所有的img的Dom对象的集合
通用的方法获取Dom对象
document.getElementById("id") 通过id
document.getElementsByTagName("tagname")通过标签名
document.getElementsByName("name") 通过name(基本上都是表单元素)
document.getElementsByClassName("classname") 通过class(IE8及以下不兼容)
document.queryselector("css选择器") 获取集合中的第一个Dom对象
document.queryselectorAll("css选择器") 获取符合条件的Dom对象
有兼容问题,IE7及以下版本不兼容
获取条件下的Dom对象
需要先获取对应的祖先元素中的某一级Dom
Dom.getElementsByTagName
Dom.getElementsByClassName
只有document支持所有的方法,其他的Dom对象只支持以上这两种