一.引言 初步认识DOM有可能会被各种不熟悉的因为因素影响自己的学习心态,你需要的是多去记忆一些单词然后加强自己的代码量. 二.导入 在昨天初步认识DOM以后我们见天将接着介绍有关于DOM的内容. 三.重点内容 ① 获得或设置页面的内容(innerText与innerHTML): 区别: a. 在获取页面文本的时候,innerText只获取标签之间的文本信息,不包括其中的的标签.而innerHTML是获取标签之间的所有内容包括标签,而且浏览器会会将获取的内容原样输出.innerHTML是所有浏览…

写在前面的话:由于学校没有开过javascript这门课,所以平时用javascript时都是用到什么就去搜什么样的代码,但是在工作中有时候搜来的代码总是有那么点小问题,而当自己想去修改时,却又无从下手,于是决定从基础开始学习javascript 1.查找HTML元素 我们使用js操作HTML元素,首先需要找到这个HTML元素,有三种方法可以实现: 通过id找到HTML元素 通过标签名找到HTML元素 通过类名找到HTML元素 1.通过id查找HTML元素 在DOM中查找HTML元素的最简单的方…

HTML DOM Event(事件) HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript.下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作. onclick // 当用户点击某个对象时调用的事件句柄. ondblclick // 当用户双击某个对象时调用的事件句柄. onfocus // 元素获得焦点. onblur // 元素失去焦点. 应用场景:用于表单验证,用户离开某…

一.DOM概述      DOM(Document Object Model)文本对象模型.      D: 文档,HTML文档或XML文档.      O: 对象,document对象的属性和方法.      M: 模型.     (1)DOM是针对HTML/XML基于树的API.     (2)DOM树,节点(node)的层次.     (3)DOM把一个文档表示为一棵树.        1.节点及其类型      节点(node): 来源于网络,代表网络中的一个连接点.网络是由节点构成的集…

获取元素的方法 要操作谁,就要先获取谁: 获取元素 1.document.getElementById:通过ID名来获取元素 兼容性: 在IE8以下,会默认把name属性当做id来获取: document : 文档:上下问必须是document get : 获取 element : 元素 By : 通过 Id : ID名字: id 是唯一的:不能重复 var oBox = document.getElementById("box");// {className:""…

最近在学习DOM盒子模型,各种属性看着眼花缭乱,下面根据三个系列来分别介绍一下: client系列 clientWidth :width+(padding-left)+(padding-right)—>和内容溢出无关系 clientHeight:height+(padding-top)+(padding-bottom)—>和内容溢出无关系 clientLeft:左边框的宽度 clientTop:上边框的高度(border[Left/Top]Width) offset系列 offsetParen…

appendChild()方法:添加子节点到末尾 类似于剪切粘贴的效果   insertBefore(newNode, oldNode)方法:在某个节点之前插入一个节点 newNode为要插入的节点,oldNode是在谁之前插入的节点 通过父节点插入子节点   removeChild():删除节点 通过父节点删除子节点   replaceChild(newNode, oldNode):替换节点 通过父节点替换子节点   cloneNode(boolean)方法:复制节点 参数boolean表示是…

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

一.引言 JavaScript的内容分为三个部分,这三个部分分别是ECMAScript.DOM.BOM三个部分组成.所谓ECMAScript就是JavaScript和核心基础语法,DOM是文档对象模型,最后剩下的BOM则是浏览器对象模型.这三个部分相辅相成组成了现在的JavaScript. 二.导入 前面几天我们学习就是有关有ECMAScript即基础语法部分,从今天开始我们将开始接触文档对象模型,做好准备.let's Go! 三.重点内容 ① 什么是DOM: DOM= Document Obj…

通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascript中,由于javascript的动态性(解释执行,当然也有简单的预编译过程),this的指向在运行时才确定.这个特性在给我们带来迷惑的同时也带来了编程上的自由和灵活,结合apply(call)方法,可以使JS变得异常强大. this指向的对象,可以通过以下三点区分: .当函数仅仅作为函数执行的时…