慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

每个不起舞的日子都是对生命的辜负

childNode---子节点 parentNode--父节点 firstNode---第一个节点 lastNode---最后一个节点 nextSibling--兄弟节点之紧跟之后的节点 previousSibling --兄弟节点之紧跟之前的节点

查看全部

0 采集收起来源：访问兄弟节点
2017-08-24
lxh7

getElementsByTagName()方法返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。语法: document.getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称，如p、a、img等标签名。 2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，所以从0开始。看看下面代码，通过getElementsByTagName()获取节点。 <!DOCTYPE HTML> <html> <head> <title>JavaScript</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> </head> <body> <p id="intro">我的课程</p> <ul> <li>JavaScript</li> <li>JQuery</li> <li>HTML</li> <li>JAVA</li> <li>PHP</li> </ul> <script> //获取所有的li集合 var list=document.getElementsByTagName('li'); //访问无序列表，［0］索引 li=list[0]; //获取list的长度 document.write(list.length); //弹出li节点对象的内容 document.write(li.innerHTML); </script> </body> </html>

查看全部

0 采集收起来源：getElementsByTagName()方法
2018-03-22
lxh7

getElementsByName()方法返回带有指定名称的节点对象的集合。语法： document.getElementsByName(name) 与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。注意: 1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。 2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。看看下面的代码: <!DOCTYPE html> <html> <head> <script type=text/javassript> function getElements() { var x= document.getElementsByName("alink"); alert("x.length"); } </script> </head> <body> <a name="alink href="#"></a>我是链接一</a><br/> <a name="alink href="#"></a>我是链接二</a><br/> <a name="alink href="#"></a>我是链接三</a><br/> <br/> <input type="button" onclick="getElements()"value="看看几个链接"> </body> </html>

查看全部

0 采集收起来源：getElementsByName()方法
2018-03-22
i小河马

操作符优先级如果我们要改变运算顺序，需添加括号的方法来改变优先级算术操作符 > 比较操作符 > 逻辑操作符 > "="赋值符号如果同级的运算是按从左到右次序进行,多层括号由里向外。

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2018-03-22
每个不起舞的日子都是对生命的辜负

getAttribute()方法通过元素节点的属性名称获取属性的值。语法： elementNode.getAttribute(name)

查看全部

0 采集收起来源：getAttribute()方法
2017-08-24
宝慕林8294872

http://img1.sycdn.imooc.com//53e198540001b66404860353.jpg

查看全部

0 采集收起来源：什么是事件
2017-08-24
lxh7

认识DOM2: HTML文档可以说由节点构成的集合，DOM节点有: 1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。 2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。节点属性: 方法｜说明 nodeNamd ｜返回一个字符串，其内容是給定节点的名字 nodeType ｜返回一个整数，这个数字代表給定节点的类型 nodeValue ｜返回給定节点的当前值遍历节点树: 方法｜说明 childNodes ｜返回一个数组，这个数组由给定元素节点的子节点构成 firstChild ｜返回第一个子节点 lastChild ｜返回最后一个子节点 parentNode ｜返回一个给定节点的父节点 nextSibling ｜返回给定节点的下一个子节点 previousSibling｜返回给定节点的上一个子节点以上图ul为例，它的父级节点body,它的子节点3个li,它的兄弟结点h2、P。 DOM操作: 方法｜说明 createElement(element) ｜创建一个新的元素节点 createTextNode() ｜创建一个包含着给定文本的新文本节点 appendChild() ｜指定节点的最后一个子节点列表之后添加一个新的子节点 insertBefore() ｜将一个给定节点插入到一个给定元素节点的给定子节点的前面 removeChild() ｜从一个给定元素中删除一个子节点 replaceChild() ｜把一个给定父元素里的一个子节点替换为另一个节点注意:前两个是document方法。

查看全部

0 采集收起来源：认识DOM
2018-03-22
i小河马

"!"是逻辑非操作符，也就是"不是"的意思,非真即假，非假即真。

查看全部

0 采集收起来源：是非颠倒(逻辑非操作符）
2018-03-22
每个不起舞的日子都是对生命的辜负

全选，全不选，和根据数字选

查看全部

1 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2017-08-24
i小河马

"||"逻辑或操作符，相当于生活中的“或者”，当两个条件中有任一个条件满足，“逻辑或”的运算结果就为“真”。

查看全部

0 采集收起来源：我或你都可以 (逻辑或操作符）
2018-03-22
我要做一只小太阳

nodeObject.nextSibling 返回某个节点之后紧跟的节点

查看全部

0 采集收起来源：访问兄弟节点
2017-08-24
i小河马

数学中的“b大于a，b小于c”是“a<b<c”，那么在JavaScript中可以用&&表示 b>a && b<c //“&&”是并且(与)的意思, 读法"b大于a"并且" b小于c "

查看全部

0 采集收起来源：我与你同在(逻辑与操作符）
2018-03-22
我要做一只小太阳

parentNode获取指定节点的父节点

查看全部

0 采集收起来源：访问父节点parentNode
2017-08-24
我要做一只小太阳

firstChild返回第一个子节点。 lastChild返回最后一个子节点。

查看全部

0 采集收起来源：访问子节点的第一和最后项
2017-08-24
我要做一只小太阳

elementNode.childNodes 访问选定元素节点下的所有子节点的列表，返回的值可以看做是一个数组，具有length属性

查看全部

0 采集收起来源：访问子节点childNodes
2017-08-24

首页上一页 1316 1317 1318 1319 1320 1321 1322 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面