D1.DOM-获取DOM元素、修改属性
发布网友
发布时间：2023-03-26 02:37
共1个回答
热心网友
时间：2023-04-23 13:01
DOM：DOM（Document Object Model）文档对象模型 是用来呈现以及与任意 HTML 或 XML文档交互的API
作用：1.实现网页特效
2.实现用户交互
DOM树：1.将 HTML 文档以树状结构直观的表现出来
2.作用：文档树直观的体现了标签与标签之间的关系
DOM对象：浏览器根据html标签生成的 JS对象
DOM的核心思想：把网页内容当做对象来处理
演示其他获取元素语法（了解）
通过id名来获取
document.getElementById('box')
通过类名来获取
document.getElementsByClassName('box')
通过标签名来获取
document.getElementsByTagName('ul')
1.innerText
2.innerHTML
细节：innerText 与 innerHTML 设置内容的时候，会覆盖原有的内容
如何实现把原本的内容也带上？
1.设置/修改元素常用属性（src 、title等属性）
语法：对象.属性 = 值
2.通过类名操作CSS
注意说明：
1. 在JS中使用className表示类名，因为class在js中是个关键字在标签上，class属性表示类名，但在js中使用className表示类名
2. 使用className有 覆盖 问题
3.通过style控制样式属性
语法：对象.style.样式属性名 = 值
通过style操作样式 本质上 设置行内样式
4.表单的属性设置 （value、type、disabled、checked、selected）
语法
获取： 对象.属性名
设置： 对象.属性名 = 值
定时器函数
作用: 每隔一段时间，就会来调用函数
注意易错
如下写法，会将fn() 立即调用，就没有了定时效果
setInterval(fn(), 1000) // 错误效果
