JavaScript-DOM

1.DOM

DOM文档对象模型,就是当前网页里面的所有内容。

因为网页是在浏览中显示的,整个浏览器是BOM,所以DOM其实是BOM的一部分

BOM就是window对象,DOM就是document对象

使用DOM获取网页元素:、

如果该元素,是网页的必备元素,而且只能有一个,可以通过document对象直接获取。

head,title,body都是网页必备元素

document.body.style.border = "1px solid #ccc"

document.title = 'helloworld'

获取网页元素

如果需要获取网页中的指定元素,这就需要专门的方法来获取。

getElementByld()方法,根据元素的id属性值来获取指定的元素。

注意:如果网页中id属性值重复,只获取第一个。

getElementByld()方法

getElementsByTagName()方法,根据元素的标签名获取所有该元素。

getElementsByTagName()

getElementsByClassName()方法,根据元素的类选择器名称获取所有该元素。

getElementsByClassName()

getElementsByName()方法,根据元素的name属性值获取所有该元素。

getElementsByName()

封装DOM获取

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

推荐阅读更多精彩内容

  • 一、BOM&DOM 1. BOM BOM 是浏览器对象模型,就可以理解成是当前浏览器打开的窗口 window对象 ...
    是阳仔啊阅读 2,312评论 0 0
  • 一、BOM&DOM 1.BOM BOM 是浏览器对象模型,就可以理解成是当前浏览器打开的窗口 window对象 就...
    早上好嗷阅读 1,514评论 0 0
  • 概念 文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标...
    白棠阅读 1,404评论 0 0
  • 学习JavaScript,少不了学习JavaScript中的DOM操作,本系列文章将会从DOM简介开始,讲解DOM...
    蓝Sir_阅读 5,342评论 0 8
  • 理解1.包含不同层次节点的dom,使用不同的节点类型dom(文档对象模型)是针对html和xml文档的一个api,...
    悠哈121阅读 3,777评论 0 1