js的dom学习笔记一

  

  前言:

  我现在不好定位自己程序编写的技术的好坏,新手吧。DOM是实现js脚本连接上HTML文档的一个API,才接触jquery一两天,大概能明白,所谓的框架,就是在原生态的基础上做出的函数库,里面的方法、属性都是要使用该框架的对象来调用的。相比于jquery,DOM不是框架,虽然它们都能实现操控网页文档元素,DOM更加底层,dom的方法、属性直接面对文档元素来使用,而jquery要面向jquery对象来使用。

  DOM 是一个可以让javaScript脚本操控HTML元素、css属性的一套w3c标准,全称document object model 文档对象模型,内嵌于javaScript引擎中, “节点”概念是这里的一个单位元素,通过形象的理解节点这个概念,能更好的学习js的使用,接着就是里面的层级关系、接着就是方法、属性、事件。。。。

  1.“节点概念 

  文档里<html>标签是根标签或者“根节点”,其他都是节点对象,包括属性和文本,按照层级关系,形于人类家庭的宗亲关系,用来形象理解。

2.官方学习文档的截图。

看看下面的官方介绍,比起我的理解,更加全面。

    3.DOM的实际使用。

  dom是供网页脚本语言操作网页元素的api,内嵌于浏览器,与大多数的程序语言一样,js面向对象,这里html元素就是它面对的对象,利用dom去获取、修改和使用这些对象。

  

  

  

  

时间: 2024-08-08 13:55:11

js的dom学习笔记一的相关文章

js的dom学习笔记二

作者的自白: 知道个大概的原理和意思,这能减少实际操作中所出现的错误,使用起来,能更加的得心应手. 1.识别对象.(清楚你要操作的是谁) html给了网页的控件,css给了网页的样式,js提供动态的网页效果,具体就是用户的交互(事件),当用户通过input设备给予浏览器某个事件信息后,浏览器要回应用户.浏览器怎么回应用户,浏览器里的html文件所以js的操作对象就是html控件和html元素的样式.对象要对应上需求,能更容易达到效果,更容易想出实现的步骤.(不能用不是该对象的方法来操作该对象,清

node.js框架StrongLoop学习笔记(一)

node.js框架StrongLoop学习笔记(一) 本人在用node.js做手机后台,查找框架发现StrongLoop挺适合,可是却发现没有中文教程,于是在自己学习时,做一下笔记,以方便其他像我一样的人参考(本人的英语水平非常差,只能一点点试着做,并记录下来,如果大家发现问题,请通知我好更正,谢谢了!).所有操作都是在CentOS7-x64,Node.js 0.12.2下完成的. nodejs框架StrongLoop学习笔记一 安装StrongLoop 创建项目 安装数据库驱动 配置数据库连接

原生js操作DOM基础-笔记

原文参考http://mp.weixin.qq.com/s?__biz=MzU3MDA0NTMzMA==&mid=2247485490&idx=1&sn=15197b4b53e0669e4a017e54a31fb39c&source=41#wechat_redirect 使用原生js为了提高效率,纯js操作dom一 查询DOMdocument.querySelector()参数是任意css选择器格式,只会返回第一个匹配到值document.querySelectorAll(

JS DOM学习笔记

1.window对象代表当前浏览器窗口 2.使用window对象的属性.方法的时候可以省略window.例如:window.alert("hello")一般写成alert("hello"); window.document一般写成document 3.window.setInterval(method, delay);//每过delay毫秒就调用一次method函数,相当于是计时器 4.window.clearInterval(name); //取消计时器name

js DOM学习笔记4

DOM 编程就是使用 W3C 定义的 API (Application Program Interface)来操作 HTML 文档 (此处不局限于 HTML,亦可操作 XHTML.XML 等),使用户可以与进行页面交互. 你需要了解节点.属性.样式等基本 DOM 操作,DOM 事件模型,数据存储 (Cookie.Storage) 与数据通信 (Ajax) ,JavaScript 动画,音频.视频.Canvas 等 HTML5 特性,表单.列表操作. DOM(Document Object Mod

DOM学习笔记三

通过节点层次关系获取节点:(重要) 当节点既没有id,也没有name,通过节点当中的关系,是另一种获取节点方式 <!-- 通过节点关系获取节点 关系: 1.父节点:parentNode,一个父节点 2.子节点:childNodes ,直接后代节点集合 3.兄弟节点:比较少用,因为没有浏览器的解析方式,顺序就不一样 上一个兄弟节点:previousSibing 下一个兄弟节点:nextSibing --> <script type="text/javascript"&g

js对象的学习笔记(仅供参考)

一.面向对象语言的基本特征: 抽象.封装.继承.多态 封装:将抽象的数据和对数据的操作封装在一起,数据被保护在内部,程序的其他部分只有通过被授权的操作(成员方法),才能对数据进行操作 继承:由一个或多个类得来类的类的属性和方法的能力,一个类可以继承(extends)父类中的(public/protect)属性和(public/protect)方法,继承可以解决代码复用问题 多态:编写能以多种方法运行的函数或方法的能力 JS对象类型:本地对象.宿主对象(浏览器对象).内置对象 本地对象:独立于宿主

js基础教程学习笔记

document.write(); document.getElementById(); <script type="text/javascript"></script> 表示在<script></script>之间的文本类型text,javascript是为了告诉浏览器里面的文本是javascript语言 我们可以把js代码与html代码分开,并在html中引用: <script src="script.js"

Dom学习笔记-(一)

一.概述 DOM(文档对象模型)是针对HTML和XML文档的一个API,其脱胎于DHTML. DOM可以将任意HTML和XML文档描绘成一个由多层节点构成的结构. 每一个文档包含一个根节点-文档节点,每一个文档节点包含一个子节点-文档元素. 二.Node类型 DOM1定义了一个Node接口,其由所有节点的类型实现:在javascript中Node接口由Node类型实现(除IE). Javascript中的所有节点都继承Node类型,所以都共享一些基本的属性和方法. 1.nodeType:节点类型