javascript 学习之旅 (2)
第三章 DOM
DOM是“Document Object Model”(文档对象模型)的首字母缩写。
节点
元素节点(element node):是DOM的原子。如:文本段落元素的名字p 无序清单元素的名字ul... 【nodeType的属性值是1】
文本节点(text node):文本节点总是包含在元素节点的内部。【nodeType的属性值是3】
属性节点(attribute node):属性节点总是被放在起始标签里。如:title="a gentle reminder"【nodeType的属性值是2】
getElementById()方法 返回的是对象
document.getElementById(id) id必须放在单引号或双引号里 如 :document.getElementById("purchases")
getElementsByTagName()方法 返回的是对象数组
getElementsByTagName(tag) tag必须是(x)html 标签的名字,并放在双引号里 如:document.getElementsByTagName("li")
getAttribute()方法 查询属性 通过具体的对象调用
object.getAttribute(attribute)
setAttribute()方法 设置属性
object.setAttribute(attribute,value)
相关推荐
-
javascript 学习之旅 (3)
childNodes属性:将返回一个数组,这个数组包含给定元素节点的全体子元素. childType属性:返回的数组包含着所有类型的节点 nodeValue属性:改变某个文本节点的值 firstChild和lastChild属性:无论何时何地,只要需要访问childNodes[]数组的第一个元素,外面都可以把它写成firstChild. node.firstChild等价于node.childNodes[0] 同理 node.lastChild等价于node.childNodes[node.ch
-
javascript 学习之旅 (1)
第1章 JavaScript简史.没什么好记的,简单的介绍了js的起源,浏览器之间的冲突 等等. 第2章 JavaScript 语法. 值得注意的是: (1) 字符串 放在单引号 或双引号里面,个人推荐使用双引号 .(这是编程的好习惯哦) 如: var mood="happy"; (2)字符转义 (escaping) 用反斜杠 \ 如: var mood='don\'t ask'; alert(mood); 输出 don't ask. var height="about 5'
-
javascript 学习之旅 (2)
第三章 DOM DOM是"Document Object Model"(文档对象模型)的首字母缩写. 节点 元素节点(element node):是DOM的原子.如:文本段落元素的名字p 无序清单元素的名字ul... [nodeType的属性值是1] 文本节点(text node):文本节点总是包含在元素节点的内部.[nodeType的属性值是3] 属性节点(attribute node):属性节点总是被放在起始标签里.如:title="a gentle reminder&q
-
开启BootStrap学习之旅
本文总结了Bootstrap之所以广泛流传的11大原因.如果你还没有使用Twitter Bootstrap,建议你去了解一下.我也是最近才有所发现的,不过有更好的消息,在前两天微软发布的VS2013正式版中,也已经将BootStrap3.0的版本加入了额,连微软都看到bootStrap的强大,而且它的确很不错,所以我也不得不学习.这里有我对VS2013更新的简要介绍,有兴趣的话你可以看一眼Visual Studio 2013更新内容简介 bootstrap深受广大屌丝喜爱的原因到底是什么呢 1.
-
每天一篇javascript学习小结(基础知识)
1.字符转换 var s1 = "01"; var s2 = "1.1"; var s3 = "z";//字母'z'无法转换为数字,所以或返回NaN var b = false; var f = 1.1; var o = { valueOf: function() { return -1; } }; s1 = -s1; //value becomes numeric -1 s2 = -s2; //value becomes numeric -1.
-
每天一篇javascript学习小结(Array数组)
1.数组常用方法 var colors = ["red", "blue", "green"]; //creates an array with three strings alert(colors.toString()); //red,blue,green alert(colors.valueOf()); //red,blue,green alert(colors); //red,blue,green 2.数组map()方法 var number
-
每天一篇javascript学习小结(Boolean对象)
创建 Boolean 对象的语法: new Boolean(value); //构造函数 Boolean(value); //转换函数 参数 value 由布尔对象存放的值或者要转换成布尔值的值. 返回值 当作为一个构造函数(带有运算符 new)调用时,Boolean() 将把它的参数转换成一个布尔值,并且返回一个包含该值的 Boolean 对象. 如果作为一个函数(不带有运算符 new)调用时,Boolean() 只将把它的参数转换成
-
每天一篇javascript学习小结(Date对象)
1.Date.now() //Date.now() is in ECMAScript 5 //Prior to that, use +new Date() //获取当前时间 var now = (typeof Date.now == "function" ? Date.now() : +new Date()); alert("Right now: " + now); 2.Date.parse()方法 var now = new Date(); alert(now);
-
每天一篇javascript学习小结(Function对象)
小编两天都没有更新文章了,小伙伴们是不是等着急了,今天开始再继续我们的<每天一篇javascript学习小结>系列文章,希望大家继续关注. 1.Function 函数调用(类似call方法) function callSomeFunction(someFunction, someArgument){ return someFunction(someArgument); } function add10(num){ return num + 10; } var result1 = callSo
-
Javascript学习笔记之 对象篇(四) : for in 循环
先上范例: // Poisoning Object.prototype Object.prototype.bar = 1; var foo = {moo: 2}; for(var i in foo) { console.log(i); // prints both bar and moo } 这里我们要注意两点,一是 for in 循环会忽略 enumerable 设置为 false 的属性.例如一个数组的 length 属性.第二是,由于 for in 会遍历整个原型链,所以当原型链过长时,会
随机推荐
- Lua中的捕获机制和转换技巧介绍
- 让Win2008用户权限也可以关机的方法
- Echarts基本用法_动力节点Java学院整理
- ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
- 摘自织梦CMS中的图片处理类
- thinkphp3.x中session方法的用法分析
- Android 中使用 ViewPager实现屏幕页面切换和页面轮播效果
- PureFTP借助MySQL实现用户身份验证的操作教程
- 详解nodejs 文本操作模块-fs模块(一)
- 详解ES6之用let声明变量以及let loop机制
- Java多种方式动态生成doc文档
- Python中内建函数的简单用法说明
- 用Python编写web API的教程
- VC++ 使用 _access函数判断文件或文件夹是否存在
- sqlserver 统计sql语句大全收藏
- 笑一笑
- linux命令详解之rpm命令参数使用方法
- MongoDB 学习笔记(一)-MongoDB配置
- js中onload与onunload的使用示例
- js获取视频时长代码