【JavaScript 基础第九天（DOM第三天）】的更多相关文章

8.6 JavaScript之HTML的DOM（三）

8.5 HTML和JavaScript的DOM(三) 一.DOM 是Document Object Model( 文档对象模型 )的缩写. DOM把所有的html都转换为节点 .整个文档 是一个节点 .元素 是节点 元素属性 是节点 .元素内容 是节点 .注释 也是节点 <html> <body> <div id="d1">hello HTML DOM</div> </body> <script> function…

前端之JavaScript：JS之DOM对象三

js之DOM对象三   一.JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如    for(var i = 0;i<ele.length;i++){} 第二种:for (var i in li ){} 现在我们来说一下测试一下第二种(数组和obj的) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"&g…

javascript基础学习--HTML DOM

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

JavaScript基础学习(九)—DOM

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

JavaScript 基础(四) - HTML DOM Event

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

javascript基础学习系列-DOM盒子模型常用属性

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

JavaScript基础知识（DOM）

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

JavaScript -基础- 函数与对象（三）数组对象

一.数组对象 1.创建方式 1)创建方式一 var arr=[1,2,3]; 2)创建方式二 var arr2=new Array(1,2,3); 注意: 数组中可以存储任何数据类型.方法类型(Java则必须相同): 如果采用初始化对象方式创建数组,如果里面只有一个值而且是个数字,那么数字表示的是数组长度,而不是内容: 数组是可变长的 var arr4=new Array(3);  //表示定义了占了三个位置的数组 2.二维数组 var arr2=new Array(5,"hello"…

JavaScript -基础- 函数与对象（三）正则、Match对象

一.正则对象 1.创建方法 1)方式一 var re_obj=new RegExp("\d+","g") 规则+模式(g 全局模式/i 不区分大小写/gi) re_obj.test("asacdscsd124234")  //test方法只有两个返回值True.False 2)方式二 var re_obj2=/\d+/g; re_obj2.test("asacdscsd124234"); 二.Match对象…

JavaScript -基础- 函数与对象（三）Date对象

一.Date对象 1.创建方法 var date_obj=new Date(); alert(date_obj.toLocaleString()) var date_obj=new Date("2017/4/16 13:27:11"); var date_obj=new Date("2017 4 16 13:27:11"); var date_obj=new Date("2017,4,16 13:27:11"); var date_obj=new…