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 会遍历整个原型链,所以当原型链过长时,会
随机推荐
- Python的多态性实例分析
- 使用Python的Twisted框架编写简单的网络客户端
- mysql 求解求2个或以上字段为NULL的记录
- Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
- 枚举显示批处理bat
- asp.net字符串处理类代码
- 看到本质而不是现象--解决ASP.NET CS0016的问题
- PHP动态页生成静态页的3种常用方法
- PHP中用接口、抽象类、普通基类实现“面向接口编程”与“耦合方法”简述
- 详解Android获得系统GPU参数 gl.glGetString
- Mysql子查询IN中使用LIMIT应用示例
- JS原型对象的创建方法详解
- 利用JavaScript脚本实现滚屏效果的方法
- jQuery表单验证简单示例
- jquery获取特定name所有选中的checkbox,支持IE9标准模式
- 详解JAVA中使用FTPClient工具类上传下载
- Android获取SD卡中选中图片的路径(URL)示例
- java统计汉字字数的方法示例
- Python获取当前路径实现代码
- Android Listview 滑动过程中提示图片重复错乱的原因及解决方法