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 会遍历整个原型链,所以当原型链过长时,会
随机推荐
- 输入框过滤非数字的js代码
- js中prototype用法详细介绍
- Dynamic Activity Window动态活动窗口vbs
- 谈如何与客户进行网站构建的沟通
- IOS 百度糯米客户端登录BUG
- JavaScript中九种常用排序算法
- php数组随机排序实现方法
- 判断页面是关闭还是刷新的js代码
- 解析如何利用iframe标签以及js制作时钟
- js禁止页面使用右键(简单示例代码)
- jquery常用技巧及常用方法列表集合
- SQL对时间处理的语句小结
- CentOS 6.2 下升级安装为MySQL 5.5的方法
- 自动设置iframe大小的jQuery代码
- jQuery实现类似滑动门切换效果的层切换
- jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
- 几种设置表单元素中文本输入框不可编辑的方法总结
- SSH设置别名访问远程服务器详细介绍
- Python的Django中将文件上传至七牛云存储的代码分享
- java中设计模式之适配器模式
