本章内容: 定义 节点类型 节点关系 选择器 样式操作方法style 表格操作方法 表单操作方法 元素节点ELEMENT 属性节点attributes 文本节点TEXT 文档节点 Document 位置操作方法 定时器 弹出框 location 其它 事件操作 实例 定义 文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口. 节点类型 12中节点类型都有NodeType属性来表明节点类型 节点类型 描述 1 Element 代表元素 2 A…

目录 1.补充:CSS中的弹性盒子 2.JS中json的序列化 3.JS中的BOM操作 3.1 location操作 3.2 计时器 4.JS中的DOM操作 4.1 创建标签 4.2 查找标签 4.3 文本操作 4.4 值操作 4.5 事件 5.用CSS实现小米商城导航栏+主内容部分 补充:CSS中的弹性盒子 弹性盒子的作用:和line-height一样,可以将内容进行垂直居中显示,并且在使用效果上比line-height更好用 /* css效果 */ .c1{ height: 100px; w…

day01正课:1. DOM概述2. ***DOM树3. *查找 1. DOM概述: DHTML:动态网页技术的统称 DHTML=HTML+CSS+JS 鄙视题: HTML XHTML DHTML XML: HTML:超文本标记语言,专门编写网页内容的语言 XHTML:严格的HTML语言标准 DHTML:动态网页技术的统称,=HTML+CSS+JS XML:可扩展的标记语言,可自定义标签 专门用来存储/传输自描述的结构化数据 逐渐被json替代了 <演员> <姓名>范冰冰</…

–      基础 –     内置对象 ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储.转化和表达 ● Array对象:提供一个数组的模型.存储大量有序的数据 ● Event对象:提供JavaScript事件的各种处理信息 –     DOM对象 文件对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM编程: DOM 是关于如何获取.修改.添加或删…

JS包括三部分:ECMAscript.DOM(文档对象).BOM(浏览器对象) 一.DOM(文档对象)DOM树节点(元素.属性.标签.标记等都是节点) 二.访问节点 documment.getElementById()documment.getElementsByTagName()documment.getElementsByClassName()//主流浏览器支持,IE6.7.8不兼容 三.节点访问关系1.父节点:parentNode2.兄弟节点:下一个兄弟:nextSibling  //IE…

 写在前面: 大家都知道DOM的操作很昂贵. 然后贵在什么地方呢? 一.访问DOM元素 二.修改DOM引起的重绘重排 一.访问DOM 像书上的比喻:把DOM和JavaScript(这里指ECMScript)各自想象为一个岛屿,它们之间用收费桥梁连接,ECMAScript每次访问DOM,都要途径这座桥,并交纳"过桥费",访问DOM的次数越多,费用也就越高.因此,推荐的做法是尽量减少过桥的次数,努力待在ECMAScript岛上.我们不可能不用DOM的接口,那么,怎样才能提高程序的效率? 既…

JQuery总结:选择器归纳.DOM遍历和事件处理.DOM完全操作和动画 转至元数据结尾 我们后台可能用到的页面一般都是用jquery取值赋值的,发现一片不错的文章 目录 JQuery总结一:选择器归纳 1.基本选择器 2.位置选择器 3.属性选择器 4.表单选择器 5.过滤选择器 6.用于结果集中的选择器 JQuery总结二:DOM遍历和事件处理 1.筛选元素 2.后代元素 3.同辈元素 4.祖先元素 5.集合操作 6.操作选中的元素 7.事件绑定 8.其它方法 JQuery总结三:DOM完全…

Javascript 主要包括:JS的语法,DOM和BOM操作以及ECMAScript语法. 1 获取元素的方法 获取元素方法: 通过ID:document.getElementById(); 一个 通过标签:父级.getElementsByTagName(); 通过class:父级.getElementsByClassName(); IE8及以下不支持 通过css选择器: 父级.querySelector(); 一个 IE7及以下不支持              父级.querySelecto…

1.DOM含义 D: Document 文档 一份文档就是一棵节点树,每个节点都是一个对象O:Object 对象 JavaScript语言里对象可以分为三种类型: (1)用户定义的对象(user-defined object) 有程序员自己创建的对象 (2)内建对象(native object) 内建在JavaScript语言里的对象,如Array.Math.Date等 (3)宿主对象(host object) 由浏览器提供的对象,如 window对象M: 模型,文档的表现形式.2.DOM操作节…

什么是BOM? BOM是browser object model的缩写,简称浏览器对象模型.是用来获取或设置浏览器的属性.行为,例如:新建窗口.获取屏幕分辨率.浏览器版本号等. 比如 alert();弹出一个窗口,这属于BOM 什么是DOM? DOM是Document ,简称文档对象模型.是用来获取或设置文档中标签的属性,例如获取或者设置input表单的value值.document.getElementById("").value;  这属于DOM BOM的内容不多,主要还是DOM.…