1.0.4 文档对象模型

DOM概述:
DOM : Document Object Model 文档对象模型
将标记型文档封装成了对象,并将该标记型文档中的所有内容(标签, 属性,文本)都封装成了对象
,实现对标签的操作,来达到动态效果

DOM解析:
当标记型文档被DOM解析器解析后,会按照标签的层次关系,产生一棵DOM树结构,这个树的分支被称为节点

Optional
BOM 概述
Browser Object Model 浏览器对象模型
浏览器本身是一个窗体,所以它有一个windows对象。 windows 包含如下对象
navigator: 包含关于Web浏览器的信息
history: 包含了用户已浏览的URL信息
location: 包含关于当前URL的信息
document:代表给定浏览器窗口中的HTML文档,也就是DOM对象

获取DOM元素
文档对象的加载顺序是从上到下的,所以js文件一定要等到 文件对象加载完毕

  1. getElementById
    //根据文档对象的id来获得dom对象
    //id具有唯一性
    doucment.getElementById("username");

2.JS根据Name来获取,这个是元素name
//获得的是数组
document.getElementsByName

3.根据TagName标签名来获得(如div span, input)
//获得的是数组
document.getElementsByTagName("")

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容