DOM的概念 DOM是document Object Model的缩写,简称文档对象模型.他给文档提供了一种结构化的表示方式,可以改变文档的内容和呈现方式 所谓的DOM是以家族的形式描述HTML.父子节点,兄弟节点 DOM中的选择器 1.getElementById(id) //获取指定元素的ID元素 2.getElementsByTagName() //获取相同元素的节点列表,通过标签名选择元素,返回值是一个数组 3.getElementsByName() //通过name值获取元素,返回值是…

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 前言 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 事件 JS是以事件驱动为核心…

Dom: * 概念:Document Object  Model    文档对象模型 * 将标记语言文档的各个组成部分,封装成对象,可以使用这些对象,对标记语言文档进行CRUD的动态操作 *    Dom将HTML文档表达成树结构 * W3C   Dom 标准被分为  3 个不同的部分: *  核心  Dom - 针对任何结构化文档的标准模型 *  Document:文档对象 *  Element:元素对象 *  Attribute:属性对象 *  Text:文本对象 *  Comment:注释…

1.获取或设置元素的内容:3个属性:   1. innerHTML: 获取或设置元素开始标签到结束标签之间的所有HTML代码原文.      何时使用:只要获得完整的html代码原文时      优化:如果批量删除或插入多个子元素时,尽量避免单个操作!            每次插入或删除操作都会导致排版引擎重新layout.            如果批量删除或插入,排版引擎只需要一次layout即可.      如何优化:                1. 删除: parent.inner…

发现今天居然没有要写,那我就写写之前做的笔记吧. 这是事件的深入: 拖拽逻辑: 第一个: onmousedown : 选择元素 第二个: onmousemove : 移动元素 第三个:onmouseup : 释放元素 各浏览器在拖拽上都有问题:就是选中文字,就会产生问题 原因:当鼠标按下的时候选中文字就可以拖拽文字,这是浏览器的默认行为: 解决:阻止默认行为 ->在onmousedown时return false: ie8以下无效: ie8以下 : obj.setCapture(); 设置全局捕…

1.创建并增加元素节点 <ul id="ul"> <li>1</li> <li>2</li> <li>3</li> </ul> <script> var parentElement = document.getElementById("ul"); var NewNode= document.createElement("li"); NewN…

-----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借助java的影响力,将 名字改为javascript. 要说的是,学习javascript和学java大致相同,学完javascript你差不多也能掌握,java的大致基础 所以在选择学习语言之前,要清楚一个要点,就是这两个语言的学习反馈机制. 什么是反馈机制?简单的说:"就是学习语言时,它给你的回…

前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码: yvxo,文章中的每个案例后面都有对应的序号. 1. BOM 基本概念 BOM(Browser Object Model):浏览器对象模型,提供了一套操作浏览器的工具. BOM中包含的内容很多,但是有很多东西是用不到的.在BOM中我们需要掌握定时器. 2. window 对象 window对象是一个全局对…

目录 JavaScript 基础入门08 DOM 介绍 绑定事件 给一组元素绑定事件 节点 节点树 节点类型 选取文档内容 通过id选取元素 通过指定的标签名选取元素 用指定的css类来选取元素 通过name属性来选取元素 通过CSS选择器选取元素 文档结构和遍历 节点对象树API -- 作为节点树的文档 元素对象树API -- 作为元素树的文档 属性 获取和设置HTML属性 数据集属性 作为Attr节点的属性 使用DocumentFragment 小练习 JavaScript 基础入门08 D…

下列文章,转载请亲注明链接出处,谢谢! 链接地址: http://www.cnblogs.com/ttcc/tag/JavaScript%20%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%20%E6%80%BB%E7%BB%93/ 1. Javascript基础---语法(待完成) 2. JavaScript基础---数据类型(待完成) 3. JavaScript基础---Array数组(待完成) 4. JavaScript基础---正则表达式(待完成) 5. Jav…