JavaScript BOM------获取DOM对象

最新推荐文章于 2024-08-02 08:30:00 发布
最新推荐文章于 2024-08-02 08:30:00 发布
阅读量360 收藏
点赞数 1
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwerLoL123456/article/details/80708371
版权

获取DOM对象的方法有以下几种

第一种


此时程序运行的结果如下


然后通过id过去DOM对象，并修改标签内的文本。


运行的结果如下，console.log(msg)获取的内容是<div  id="msg">新的内容</div>,然后通过.innerHTML修改div标签内的内容  ，这种获取DOM对象的方法并不推荐。


第二种  通过id获取对象


此时程序运行的结果如下


然后通过id，使用document对象getEleme

最低0.47元/天 解锁文章
qwerLoL123456
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript-DOM和BOM详解
主营前端方向，技术栈是vue
12-30 1040
DOM和BOM(DOM((简介,事件(onclick单击事件、onload事件),BOM(简介，分类，语法( Navigator 当前浏览器、Histry 向前或向后翻页、Location 地址栏的信息))
javaScript里面的BOM-DOM
达帮主
01-21 329
BOM和Document对象常见属性和方法 消息框/输入框/确认框 打开新窗口/关闭窗口 窗口大小位置设置 浏览器位置(IE兼容性) 访问历史 浏览器相关信息 访问页面的url 定时器 DOM和获取元素的三种方式 Node对象的属性和方法 属性操作 插入/追加/删除/替换节点
JavaScript---BOM和DOM
weixin_65440201的博客
07-30 415
1.DOM简单学习：为了满足案例要求 1.1操作Element对象： 1.2事件简单学习 案例1：电灯开关 2.BOM 2.1概念：Browser Object Model 浏览器对象模型 2.2组成： 2.3Window：窗口对象 2.3.1创建 2.3.2方法 2.3.3属性： 2.3.4特点 案例：轮播图 2.4Location：地址栏对象 2.4.1创建(获取)： 2.4.2方法： 2.4.3属性 2.5History：历史记录对象 2.5.1创建(获取)： 2
Javascript学习- DOM获取&属性操作
Java硬件工程师的博客
05-12 3425
DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API白话文:DOM是浏览器提供的一套专门用来操作网页内容的功能开发网页内容特效和实现用户交互标准属性: 标签天生自带的属性 比如class id title等, 可以直接使用点语法操作比如： disabled、checked、selected自定义属性：在html5中推出来了专门的data-自定义属性在标签上一律以data-开头在DOM对象上一律以dataset对象方式获取。
javaEE -15（ 12000 字 JavaScript 入门 - 2）
weixin_73232539的博客
11-01 6224
12000字 JavaScript入门第二篇
BOM-DOM-事件
欧气满满大顺顺的博客
04-04 1329
DOM简单学习 功能：控制html文档的内容 获取页面标签(元素)对象：Element document.getElementById(“id值”):通过元素的id获取元素对象 操作Element对象： 修改属性值： 明确获取的对象是哪一个？ 查看API文档，找其中有哪些属性可以设置 修改标签体内容： 属性：innerHTML 获取元素对象 使用innerHTML属性...
JavaScript-DOM-笔记
编程在手天下我有的博客
01-10 502
JavaScript的组成 根据id名、类名、标签名获取元素 使用选择器获取元素 获取特殊元素 事件三要素 绑定事件的三步 常见的事件类型 获取、修改元素的文本内容 获取、修改元素内部html结构 获取、修改元素的属性 表单元素的特殊属性
javascript学习 - DOM 元素获取、属性修改
paofuluolijiang的博客
08-02 1615
Web API 是指网页服务器或者网页浏览器的应用程序接口。简单来讲，就是我们在编写 JavaScript 代码时，可以通过 Web API 来操作 HTML 网页和浏览器。DOM（文档对象模型）BOM（浏览器对象模型）DOM（），即文档对象模型，主要用来呈现以及与 HTML 或 XML 文档交互的 API。说白了就是用来操作网页内容，实现各种特效，让用户用起来更顺手。
✿✿✿JavaScript --- BOM、DOM对象
naoguoteng的博客
11-30 434
一、BOM浏览器对象模型1.Window窗口对象(1)与弹出有关的方法(2)与定时器有关的方法(3)与打开关闭有关的方法(4)获取其他对象的属性2.Location地址栏对象3.History历史记录对象二、DOM文档对象模型1.Document文档对象(1)获取Element对象(2)创建其他对象2.标签对象的属性 创建删除DOM元素案例： BOM（Browser Object Model） 浏览器对象模型。也就是将浏览器的各个组成部分封装为对象。主要特点就是BOM对象不能由我们程序员自己创
教学进度表-Javascript程序设计.docx
12-16
JavaScript 的基础知识、JavaScript 的实现、JavaScript 小体验、JavaScript 环境搭建、JavaScript 类型、JavaScript 变量和关键字、条件语句、循环语句、函数、对象、BOM 基础函数对象、DOM 技术、CSS 基础、CSS ...
javaScript-API-特效
03-23
JavaScript API通常由浏览器提供，如DOM（Document Object Model）API用于操作网页文档结构，BOM（Browser Object Model）API处理浏览器窗口和导航，还有Ajax用于异步数据交换等。例如，`javascriptAPI.chm`很可能...
实现JavaScript的组成----BOM和DOM详解
10-22
下面小编就为大家带来一篇实现JavaScript的组成----BOM和DOM详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
实现JavaScript的组成—-BOM和DOM详解
01-19
我们知道，一个完整的JavaScript的实现，需要由三部分组成：ECMAScript(核心),BOM(浏览器对象模型)，DOM(文档对象模型)。 今天主要学习BOM和DOM。 BOM: BOM提供了很多对象，用来访问浏览器的功能，这些功能于网页...
web前端技术-4节课.pptx
11-21
通过BOM，开发者可以获取浏览器信息、操作窗口、处理事件等。 **HTML5探索** HTML5是最新版本的超文本标记语言，引入了许多新特性，如离线存储、拖放功能、媒体元素、 canvas 画布、svg矢量图、geolocation 定位等...
数理方法习题 前六章.pdf
08-03
数理方法习题 前六章
某大型制造企业IT蓝图规划及实施路线.pptx
08-03
某大型制造企业IT蓝图规划及实施路线.pptx
基于Springboot和Vue的社区团购系统设计源码 社区团购系统设计代码（98分期末优秀大作业）
08-03
社区团购系统设计源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
去哪儿旅游&小红书-旅行行业：2023五一旅行趋势报告—想出去玩.pdf
最新发布
08-03
去哪儿旅游&小红书-旅行行业：2023五一旅行趋势报告—想出去玩
《深入理解JavaScript-ECMAScript、DOM和BOM》
JavaScript由ECMAScript（国际标准）、DOM（文档对象模型）和BOM（浏览器对象模型）三部分组成。 ECMAScript是JavaScript的核心，是一种由Ecma国际组织标准化的脚本语言规范。它定义了JavaScript的语法、基本数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值