JavaScript中的DOM是怎样的

JavaScript中的DOM是怎样的，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

在海伦等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站建设、成都网站制作网站设计制作按需搭建网站,公司网站建设,企业网站建设,品牌网站制作,成都全网营销,成都外贸网站制作,海伦网站建设费用合理。

其实就是操作 html 中的标签的一些能力

我们可以操作哪些内容

获取一个元素

移除一个元素

创建一个元素

向页面里面添加一个元素

给元素绑定一些事件

获取元素的属性

给元素添加一些 css 样式

...

DOM 的核心对象就是 docuemnt 对象

document 对象是浏览器内置的一个对象，里面存储着专门用来操作元素的各种方法

DOM：页面中的标签，我们通过 js 获取到以后，就把这个对象叫做 DOM 对象

获取一个元素

通过 js 代码来获取页面中的标签
获取到以后我们就可以操作这些标签了
getElementById 是通过标签的 id 名称来获取标签的
因为在一个页面中 id 是唯一的，所以获取到的就是一个元素

getElementById

="box">

获取到的就是页面中的那个 id 为 box 的 div 标签
getElementsByClassName 是用过标签的 class 名称来获取标签的
因为页面中可能有多个元素的 class 名称一样，所以获取到的是一组元素
哪怕你获取的 class 只有一个，那也是获取一组元素，只不过这一组中只有一个 DOM 元素而已

getElementsByClassName

="box">

getElementsByTagName

querySelector

console.log(document.querySelector('div')) // 获取页面中的第一个 div 元素 console.log(docuemnt.querySelector('.box')) // 获取页面中第一个有 box 类名的元素console.log(document.querySelector('#box')) // 获取页面中第一个 id 名为 box 的元素

querySelectorAll

console.log(document.querySelectorAll('div')) // 获取页面中的所有的 div 元素 console.log(docuemnt.querySelectorAll('.box')) // 获取页面中所有有 box 类名的元素

大橙子网站建设，新征程启航

JavaScript中的DOM是怎样的

获取一个元素

getElementById

getElementsByClassName

getElementsByTagName

querySelector

querySelectorAll

操作属性

innerHTML

innerText

getAttribute

setAttribute

removeAttribute

style

className

其他资讯