5.dom概述

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8     <div id="box"></div>
 9     <!--<div id="box"></div>-->
10
11 <script>
12
13
14     console.log(document);
15
16     console.log(document.getElementById("box"));
17     console.log(document.getElementsByClassName("aaa"));
18
19 </script>
20 </body>
21 </html>

原文地址:https://www.cnblogs.com/BingBing-Deng/p/10427056.html

时间: 2024-12-21 17:14:34

5.dom概述的相关文章

JavaScript之DOM-9 HTML DOM(HTML DOM概述、常用HTML DOM对象、HTML表单)

一.HTML DOM 概述 HTML DOM 概述 - HTML DOM 定义了用于 HTML 的一系列标准对象,以及访问和处理 HTML 文档的标准方法 - HTML 标签对象化 - 将网页中的每个元素都看作是一个对象 常用 HTML DOM 对象 标准 DOM 与 HTML DOM - HTML 标签对象化 - createElement - appendChild - setAttribute - removeAttribute - nodeName - ... - HTML DOM 提供

JavaScript之DOM-1 DHTML概述 DOM概述

一.DHTML 概述 DHTML 简介 - DHTML : Dynamic HTML, 动态 HTML,不是一种技术.标准或规范,只是一种将目前已有的网页技术.语言标准整合运用,制作出能再下载后仍然能实时变换页面元素效果的网页设计概念 - DHTML 的功能 - 动态改变页面元素 - 与用户进行交互等 - DHTML 对象模型包括 BOM 和 DOM DHTML 对象模型 BOM 与 DOM - BOM: Browser Object Model,浏览器对象模型,用来访问和操纵浏览器窗口,使 J

Aspose.Words组件介绍及使用—基本介绍与DOM概述

1.基本介绍 Aspose.Words是一个商业.NET类库,可以使得应用程序处理大量的文件任务.Aspose.Words支持Doc,Docx,RTF,HTML,OpenDocument,PDF,XPS,EPUB和其他格式.使用Aspose.Words可以在不使用Microsoft.Word的情况下生成.修改.转换和打印文档.在项目中使用Aspose.Words可以有以下好处. 1.1丰富的功能集 其丰富的功能特性主要有以下4个方面: 1)格式转换.Aspose.Words具有高质量的文件格式转

DOM概述

一.概述 HTML:超文本标记语言 XHTML:严格的HTML语言标准 DHTML:动态网页技术的统称 =HTML+CSS+JS XML:可扩展的标记语言,可自定义标签 BOM(Brower Object Model):浏览器对象模型(专门操作浏览器窗口的API),没标准. DOM(Document Object Model):文档对象模型(专门操作网页内容的API) 核心DOM:操作所有结构化文档(XML,HTML)的通用API HTML DOM:针对HTML文档的简化API HTML DOM

C#操作Word Aspose.Words组件介绍及使用—基本介绍与DOM概述

1.基本介绍 Aspose.Words是一个商业.NET类库,可以使得应用程序处理大量的文件任务.Aspose.Words支持Doc,Docx,RTF,HTML,OpenDocument,PDF,XPS,EPUB和其他格式.使用Aspose.Words可以在不使用Microsoft.Word的情况下生成.修改.转换和打印文档.在项目中使用Aspose.Words可以有以下好处. 1.1丰富的功能集 其丰富的功能特性主要有以下4个方面: 1)格式转换.Aspose.Words具有高质量的文件格式转

js DOM概述

一.什么是DOM DOM:文档对象模型. DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构.目的其实就是为了能让js操作html元素而制定的一个规范. DOM就是由节点组成的. 二.解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节点. 然后操作的时候修改的是该元素的属性. 三.DOM树(一切都是节点) DOM的数据结构如下: 上图可知,在HTML当中,一切都是节点:(非常重要) 元素节点:HM

javaScript DOM编程

1.DOM概述 1.1.        什么是DOM? DOM= Document Object Model,文档对象模型, DOM 是 W3C(万维网联盟)的标准.DOM 定义了访问 HTML 和 XML 文档的标准:独立于平台和语言的接口. W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型   1.2.        什么是HTML DOM?

JS-DOM . 01 了解DOM,动手做一下就明白了!

DOM概述 html加载完毕,渲染引擎会在内存中把html文档生成一个DOM树,getElementById是获取内DOM上的元素,然后操作的时候修改的是该元素的属性 体验事件/事件三要素1.事件源(引发后续事件的标签2.事件(js已经定义好,直接使用3.事件驱动程序(对样式和html的操作)(DOM操作 需求:点击盒子,弹出对话框alert(1)步骤:-->1.获取事件源(document.getElementById("box")2.绑定事件 (事件源.事件 = functi

web前端全部课件(html5+CSS3+javascript+dom+bom+jquery+jqm+bootstrap+angular+ext+weixin+less)

一.HTML5 BASIC课件 Unit01:Web基础知识.HTML快速入门.文本 Unit02:图像和链接.表格.结构标记 Unit03:列表.表单.其他常用标记 二.CSS3 BASIC课件 Unit01:CSS 概述.CSS 语法\尺寸与边框 Unit02:框模型.背景.渐变\文本格式化-1 Unit03:文本格式化-2.表格.浮动.显示 Unit04:列表.定位 三.京东首页实战(无PPT) 四.WEB UI课件 Unit01:Photoshop基本操作.网页切图.图像优化 Unit0