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)

(0)

相关推荐

  • 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 会遍历整个原型链,所以当原型链过长时,会

随机推荐