【(五)学习JavaScript之firstChild 属性】的更多相关文章

(五)学习JavaScript之firstChild 属性

参考:http://www.w3school.com.cn/jsref/prop_node_firstchild.asp 定义和用法 firstChild 属性返回指定节点的首个子节点,以 Node 对象. 注释:在 HTML 中,文本本身是 HTML 元素的父节点,HEAD 和 BODY 是 HTML 元素的子节点. 实例: <!DOCTYPE html> <html> <body> <div id="div"><p>我是d…

JavaScript之firstChild属性、lastChild属性、nodeValue属性学习

1.数组元素childNodes[0]有更直观易读的优点,这边在介绍一个有同样功能的属性,且更加语义化-------->firstChild属性 假设我们需要目标元素节点下的所有子元素中的第一个子元素我们可以这样做: 目标元素节点下的子元素节点数组.firstChild 这句代码等价于 目标元素节点下的子元素节点数组[0]; 目标元素节点.childNodes[0] 这句代码等价于 目标元素节点.firstChild; 与此类推当我们需要目标元素节点下的所有子元素节点中的最后一个元素我们可以这样…

(四)学习JavaScript之className属性

参考:http://www.w3school.com.cn/jsref/prop_classname.asp HTML DOM Anchor 对象 定义和用法 className 属性设置或返回元素的 class 属性. 语法 object.className=classname className作用:添加和替换class <html> <head> <title>添加和替换class</title> <style type="text/c…

(五)学习CSS之line-height属性

参考:http://www.jb51.net/w3school/css/pr_dim_line-height.htm line-height 属性设置行间的距离(行高). 注释:不允许使用负值. 值 描述 normal 默认.设置合理的行间距. number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距. length 设置固定的行间距. % 基于当前字体尺寸的百分比行间距. inherit 规定应该从父元素继承 line-height 属性的值.…

前端学习---JavaScript

JavaScript基本知识 JavaScript是一门独立的语言,像我们学习php,python等需要安装apache,python3.6,那我们学习JavaScript只需要我们电脑有一个浏览器即可,浏览器具有js解释器 一.如何编写 首先我们看看JavaScript代码存在的形式: head中: 第一种 <script> //javascript代码 alert(123); </script> 第二种 <script type="text/javascript…

一步步学习javascript基础篇（3）：Object、Function等引用类型

我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂数据类型(即引用数据类型) Object类型 我们用的最多的引用类型就属object类型了,一般用来存储和传输数据是再好不过的.然,它的两种创建方式我们是否了解呢? 1.通过构造函数来创建 如: var obj = new Object(); 在js中的引用类型有个非常灵活的用法,可以动态的附加属性和赋值.…

一步步学习javascript基础篇（1）:基本概念

一.数据类型 数据类型 基本数据类型(五种) Undefined Null Boolean Number String 复杂数据类型(一种) Object Undefined:只有一个值undefined(定义了没有赋值). 例: var str; alert(str);//undefined 注意:如果没有用var申明,直接使用会报异常( ... is not defined). 建议:每次var声明都赋初始值,可以减少很多意外情况. 如: var str; var str2="张三"…

(转)轻松学习JavaScript三：JavaScript与HTML的结合

摘自:http://blog.csdn.net/erlian1992 HTML中的JavaScript脚本必须位于<script>与</script>标签之间,JavaScript脚本可被放置在HTML页面的 <body>标签和<head>标签中,这种视情况而定,一般放在<head>标签内. 一<script> 标签 如需在HTML页面中插入JavaScript脚本,请使用<script>标签.<script>…

学习javascript基础知识系列第三节 - ()()用法

总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示. 由于代码中使用了console.log或dir方法,因此如果在ie中执行,请自行替换为alert或注释掉. 第三节 - ()()用法 在JS中,有一种特殊的写法,就是两个小括号,如下(代码一): (function(){ console.log("执行"); })(); 这段代码会在页…

[转载]学习Javascript闭包(Closure)

学习Javascript闭包(Closure)     源地址: http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html .   闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 下面就是我的学习笔记,对于Javascript初学者应该是很有用的. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两…