JavaScript中DOM的概念及作用

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script>
 7
 8         /*
 9          *
10          * JavaScript分三个部分:
11          * ECMAScript标准:JS的基本的语法
12          * DOM:Document Object Model --->文档对象模型----操作页面的元素
13          * BOM:Browser Object Model----->浏览器对象模型---操作的是浏览器
14          *
15          * DOM: 文档对象模型
16          *
17          * 文档:把一个html文件看成是一个文档,由于万物皆对象,所以把这个文档看成是一个对象
18          * XML文件也可以看成是一个文档
19          *
20          * HTML:展示信息,展示数据的
21          * XML:侧重于存储数据
22          * html文件看成是一个文档,那么这个文档看成是一个对象,文档中的所有的标签都可以看成是一个对象
23          *
24          * 页面中的每个标签,都是一个元素(element),每个元素都可以看成是一个对象
25          * 标签可以嵌套,标签中有标签,元素中有元素
26          *
27          * html页面中都有一个根标签--html--也叫根元素
28          *
29          * 页面中的有一个根元素(标签--html),里面有很多的元素(有很多的标签,有很多的对象)
30          *
31          * 文档:一个页面就是一个文档
32          *
33          * 元素(element):页面中的所有的标签都是元素,元素可以看成是对象
34          *
35          * 节点(node):页面中所有的内容都是节点:标签,属性,文本
36          * root:根
37          *
38          *
39          * 页面就是文档--document,文档中有根元素:html
40          * html--->head
41          *------>body--->其他的标签
42          *
43          * 由文档及文档中的所有的元素(标签)组成的一个树形结构图,叫树状图(DOM树)
44          *
45          * */
46
47     </script>
48 </head>
49 <body>
50
51 </body>
52 </html>

原文地址:https://www.cnblogs.com/cuilichao/p/9332818.html

时间: 2024-10-11 14:39:05

JavaScript中DOM的概念及作用的相关文章

javascript中的preventDefault与stopPropagation作用介绍

preventDefault方法的起什么作用呢? 我们知道比如<a href="http://www.baidu.com">百度</a>,这是html中最基础的东西,起的作用就是点击百度链接到http://www.baidu.com,这是属于<a>标签的默认行为. 看一段代码大家就明白了: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">

javascript 中 dom.getAttribute(&quot;value&quot;) 与dom.value的差异

dom 是一个 input type="text" 手动修改 input 的值, 使用 dom.getAttribute("value") 只能得到 html Dom中的值,而不能得到修改后的值(即内存中的值): 可以通过 dom.value 得到修改后的最新值(内存中的值) 使用: dom.setAttribute("value","2011") , 只能通过 dom.getAttribute("value&quo

day29—JavaScript中DOM的基础知识应用

转行学开发,代码100天--2018-04-14 JavaScript中DOM操作基础知识即对DOM元素进行增删改操作.主要表现与HTML元素的操作,以及对CSS样式的操作.其主要应用知识如下图: 通过对DOM的基本了解,还要通过代码实现对DOM的操作. 1.childNodes + nodeType 与children的区别 <ul id= "ull"> <li>1</li> <li>2</li> <li>3&l

javascript理解04-?函数的概念及作用

 函数的概念及作用 函数对任何语言来说都是一个核心的概念. 通过函数可以封装任意多条语句, 而且可以在任何地方.任何时候调用执行,即函数是定义一次但却可以调用或执行任意多次的一段 JS 代码. JS中的函数也是对象,所以JS函数可以像其它对象那样操作和传递,我们也常叫JS中的函数 为函数对象.  函数的编写 ECMAScript 中的函数使用 function 关键字来声明,后跟一组参数以及函数体.  事件的概念种类及作用 n 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间.可以使用侦听器

JavaScript中DOM的层次节点(一)

DOM是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许开发人员添加.修改.删除节点的一部分. DOM将HTML和XML文档描绘成一个有多个节点构成的结构,节点分为12种不同的节点类型,每种都拥有自己的特点.数据和方法,并且和其他节点存在着某种关系. html元素称为文档元素,所有的元素都包含在文档元素中,并且每个文档只有一个html元素. 1 Node类型 DOM1级定义了Node接口,该接口由DOM中的所有节点类型实现.这个接口在JavaScript中是作为Node类型实

Javascript 中闭包的概念

一直再说闭包闭包,其实自己一直不懂闭包是个什么意思,今天,上百度找了找闭包的相关资料,参考整理了下,希望以后能用得着: 闭包其实是javascript语言中的一个难点,也是该语言的一个特色,据说很多高级应用都需要闭包的支持: 先理解下下面的几个概念: 1.变量的作用域 javascript中声明变量使用var 关键字,稍微了解的同学都知道,加了var关键字声明的变量是局部变量,反之则为局部变量 例如: var text = 'hello';   局部变量 text = 'world'; 全局变量

JAVAScript中DOM与BOM的差异分析

JAVAScript 有三部分构成,ECMAScript,DOM和BOM,根据浏览器的不同,具体的表现形式也不尽相同.我们今天来谈一谈DOM和BOM这俩者之间的差异. 用百科上的来说: 1. DOM是 W3C 的标准; [所有浏览器公共遵守的标准] 2. BOM 是 各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同] 3. window 是 BOM 对象,而非 js 对象: DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API). BO

在javascript中正则表达式的概念与应用

今天和大家分享一些关于正则表达式的知识和在javascript中的应用.正则表达式简单却又不简单,比如以前我的老师给我们讲的时候就说这个东西入门的话二三十分钟就精通了,一旦没有入门那就可几天都补不回来.于是当初就很认真的学习并研究了它.没想到正则表达式不仅代码简洁,而且在实际的操作中为前端工程师们省事了不少.总所周知,用户在浏览页面的时候,唯一和数据打交道的就是表单了,关于表单的验证,其实有很多中方法,接下来,我就会给大家分享两种,一种是普通繁琐的方法,一种是正则表达式,看看它到底能够给表单带来

javascript中DOM部分基础知识总结

1.DOM介绍 1.1 DOM概念 文档对象模型(Document Object Model),它定义了访问和处理HTML文档的标准方法.现在我们主要接触到的是HTML DOM. HTML文档中的每个成分都是一个节点.HTML文档中的所有节点组成了一个文档树(节点树).HTML文档中的每个元素.属性.文本等都代表着树中的一个节点.树起始于文档节点,并由此继续延伸枝条,直到处于这棵树最低级别的所有文本节点为止.学习DOM,就是学习一些操作页面元素的API(方法).下图表示一个文档树. 1.2 DO