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 会遍历整个原型链,所以当原型链过长时,会
随机推荐
- 使用SQL查询DB2 9中的XML数据
- Redis整合Spring结合使用缓存实例
- JavaScript实现上下浮动的窗口效果代码
- php使用ob_start()实现图片存入变量的方法
- 深入PHP与浏览器缓存的分析
- CentOS系统中安装MySQL和开启MySQL远程访问的方法
- MySQL启动连接的命令以及与PHP程序连接的基本语法
- JavaScript中清空数组的方法总结
- 一款支持插入表情的编辑器实现代码(简单思路挺重要)
- Java环境变量配置教程
- Java 常量池的实例详解
- 字符串中找出连续最长的数字字符串的实例代码
- 解析Java的Spring框架的基本结构
- C#探秘系列(三)——StackTrace,Trim
- Android中将一个图片切割成多个图片的实现方法
- 基于Bootstrap实现城市三级联动
- Ajax请求发送成功但不进success的解决方法
- Docker容器与主机间的文件传输方法(复制/上传/下载)
- Android仿微信加号菜单模式
- 可能被忽略的一些JavaScript数组方法细节