HTML DOM 浏览器BOM

HTML　DOM　浏览器BOM

一．DOM

１.DOM是什么
HTML DOM 是HTML 的标准对象模型，是HTML 的标准编程接口。，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。
２.方法和属性
２.１查找HTML元素

方法	描述
document.getElementById(id)	通过元素 id 来查找元素
document.getElementsByTagName(name)	通过标签名来查找元素
document.getElementsByClassName(name)	通过类名来查找元素

２.２改变HTML元素

方法	描述
element.innerHTML = new html content	改变元素的 inner HTML
element.attribute = new value	改变 HTML 元素的属性值
element.setAttribute(attribute, value)	改变 HTML 元素的属性值
element.style.property = new style	改变 HTML 元素的样式

２.３添加和删除元素

方法	描述
document.createElement(element)	创建 HTML 元素
document.removeChild(element)	删除 HTML 元素
document.appendChild(element)	添加 HTML 元素
document.replaceChild(element)	替换 HTML 元素
document.write(text)	写入 HTML 输出流

２.４添加事件处理程序

方法	描述
document.getElementById(id).onclick = function(){code}	向 onclick 事件添加事件处理程序

３.HTML　DOM节点
节点树中的节点彼此之间有一定的等级关系。

• 术语（父、子和同胞，parent、child 以及sibling）用于描述这些关系。
• 在节点树中，顶端节点被称为根（根节点）。
• 每个节点都有父节点，除了根（根节点没有父节点）。
• 节点能够拥有一定数量的子

• 同胞（兄弟或姐妹）指的是拥有相同父的节点。

  二． 浏览器对象模型BOM

  １. 窗口对象
  窗口对象是BOM的核心，它代表浏览器中打开的窗口或选项卡。通过窗口对象，可以执行各种操作，如控制窗口的大小、位置、导航等。
  ２. 定时器
  BOM提供了定时器功能，允许在指定的时间间隔后执行代码。JavaScript中有两种类型的定时器：setTimeout和setInterval。
  3．历史记录
  BOM允许访问和操作浏览器的历史记录。history对象包含与浏览历史相关的属性和方法。
  4.位置信息
  BOM提供了位置信息相关的功能，包括获取用户的地理位置信息。
  ５.Cookie
  通过document.cookie，可以读取和写入浏览器的Cookie。Cookie是一种存储在用户计算机上的小型文本文件，用于在多次访问之间存储和检索数据。