JavaScript-BOM和DOM

最新推荐文章于 2024-05-05 19:55:36 发布

将心_max

最新推荐文章于 2024-05-05 19:55:36 发布

阅读量105

点赞数

分类专栏： JavaScript html 文章标签： javascript

本文链接：https://blog.csdn.net/mountain_zq/article/details/107068414

版权

JavaScript 同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

html

17 篇文章 0 订阅

订阅专栏

BOM

BOM（Browser Object Model）：浏览器对象模型，是用来描述与浏览器进行交互的方法和接口
BOM下面有一个核心的对象 – window对象。
window下面的常用的事件操作：
onload（） 页面内容加载完成后执行这里的代码
onscroll（） 浏览器的滚动条触发时触发此事件
onresize（） 浏览器窗口大小发生改变时触发此事件
document.documentElement.clientWidth 浏览器可视区的宽度（纯数字，没有单位）
document.documentElement.clientHeight 浏览器可视区的高度（纯数字，没有单位）

定时器

间隔定时器
setInterval（function（）{}，interval）：启动定时器
clearInterval（定时器的值）：关闭定时器
延时定时器
setTimeout（function（）{}，interval）：启动延时定时器
clearTimeout（定时器值）：关闭定时器

DOM

DOM（Document Object Model）：文档对象模型。描绘一个层次化的节点树，允许开发人员获取、添加、移除和修改页面的某一部分元素
DOM基本操作

获取元素
getElementById（）：获取单个的id元素
getElementsByTagname（）：获取一类元素节点，返回一个类数组
getElementByClassName（）：通过类名来获取一类元素节点，返回类数组
querySelector（）：通过选择器的方式来获取，只获取单个
querySelectorAll（）：通过选择器方式获取一类元素节点，返回类数组
注意HTML元素的获取: document.doucumentElement – （返回<html>元素）
创建、添加、删除、克隆、替换

方法	描述
document.createElement（elementName）	创建元素
document.removeChild(elementName)	删除元素
document.appendChild(elementName)	添加元素
document.replaceChild(elementName)	替换元素
document.write(text)	写入内容到文档
父节点.appendChild(元素节点)	素节点插入到父节点的内部最后的位置
父节点.insertBefore(新的元素节点,存在元素节点)	父节点内,把新的元素节点插入到已经存在的元素节点的前面