慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

superzyq

该任务，要注意一些问题 1. 浏览器兼容问题。 1 2 3 4 5 6 7 <div id="content"> <h1>html</h1> <h1>php</h1> <h1>javascript</h1> <h1>jquery</h1> <h1>java</h1> </div> content孩子节点: ie下是5个节点，chrome等浏览器是11个节点（因为出现了空白节点，如忘记了可以看看9-11节）。 2. 不管你使用正序还是倒序删除节点，要注意在删除节点同时，content孩子节点的个数和位置也在变化。所以最好删除时正序总删除第一个，倒序总删除最后一个。

查看全部

0 采集收起来源：删除节点removeChild()
2018-03-22
马小骏mz

访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。语法： nodeObject.nextSibling 说明：如果无此节点，则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。语法： nodeObject.previousSibling 说明：如果无此节点，则该属性返回 null。注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略

查看全部

0 采集收起来源：访问兄弟节点
2015-04-10
马小骏mz

访问父节点parentNode 获取指定节点的父节点语法： elementNode.parentNode 注意:父节点只能有一个。

查看全部

0 采集收起来源：访问父节点parentNode
2015-04-10
马小骏mz

.innerHTML显示节点中包含的内容。 tcon的父节点为ul，的父节点为li，的父节点为ul

查看全部

0 采集收起来源：访问父节点parentNode
2015-04-10
莫失

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>++/--</title> <script type="text/javascript"> var numa=7; var numb=7; numa++; numb--; document.write("numa的值:"+numa+"<br>"); document.write("numb的值:"+numb); </script> </head> <body> </body> </html>

查看全部

0 采集收起来源：自加一，自减一 ( ++和- -)
2018-03-22
superzyq

删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。语法: nodeObject.removeChild(node) 参数: node ：必需，指定需要删除的节点。我们来看看下面代码，删除子点。运行结果: HTML 删除节点的内容: javascript 注意: 把删除的子节点赋值给 x，这个子节点不在DOM树中，但是还存在内存中，可通过 x 操作。如果要完全删除对象，给 x 赋 null 值，代码如下:

查看全部

0 采集收起来源：删除节点removeChild()
2015-04-10
莫失

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>+操作符</title> <script type="text/javascript"> var mynum= 2+"10" ; var mychar="中 "+" 国" ; document.write("mynum的值:"+mynum+"<br>"); document.write("mychar的值:"+mychar); </script> </head> <body> </body> </html>

查看全部

0 采集收起来源：我还有其它用途( +号操作符）
2018-03-22
莫失

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>+操作符</title> <script type="text/javascript"> var mynum= ; var mychar= ; document.write("mynum的值:"+mynum+"<br>"); document.write("mychar的值:"+mychar); </script> </head> <body> </body> </html>

查看全部

0 采集收起来源：我还有其它用途( +号操作符）
2018-03-22
superzyq

插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。我们在来看看下面代码，在指定节点前插入节点。运行结果: This is a new p JavaScript HTML 注意: otest.insertBefore(newnode,node); 也可以改为: otest.insertBefore(newnode,otest.childNodes[0]);

查看全部

0 采集收起来源：插入节点insertBefore()
2015-04-10
superzyq

插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。语法: appendChild(newnode) 参数: newnode：指定追加的节点。我们来看看，div标签内创建一个新的 P 标签，代码如下: 运行结果: HTML JavaScript This is a new p

查看全部

0 采集收起来源：插入节点appendChild()
2015-04-10
superzyq

<script type="text/javascript"> function get_nextSibling(n){ var x=n.nextSibling; while (x && x.nodeType!=1){ x=x.nextSibling; } return x; } function get_previousSibling(n){ var x=n.previousSibling; while(x&&x.nodeType!=1){ x=x.previousSibling; } return x; } var x=document.getElementsByTagName("li")[0]; document.write(x.nodeName); document.write(" = "); document.write(x.innerHTML); var y=get_nextSibling(x); if(y!=null){ document.write("<br />nextsibling: "); document.write(y.nodeName); document.write(" = "); document.write(y.innerHTML); }else{ document.write("<br>已经是最后一个节点"); } var z=get_previousSibling(y); document.write(z.nodeName); document.write(z.innerHTML); </script>

查看全部

0 采集收起来源：访问兄弟节点
2018-03-22
superzyq

访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。语法： nodeObject.nextSibling 说明：如果无此节点，则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。语法： nodeObject.previousSibling 说明：如果无此节点，则该属性返回 null。注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。解决问题方法: 判断节点nodeType是否为1, 如是为元素节点，跳过。运行结果: LI = javascript nextsibling: LI = jquery

查看全部

0 采集收起来源：访问兄弟节点
2015-04-10
龙井绿茶

选定元素slice() slice() 方法可从已有的数组中返回选定的元素。语法 arrayObject.slice(start,end) 参数说明： 1.返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。 2. 该方法并不会修改数组，而是返回一个子数组。注意： 1. 可使用负值从数组的尾部选取元素。 2.如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。 3. String.slice() 与 Array.slice() 相似。

查看全部

0 采集收起来源：选定元素slice()
2015-04-10
superzyq

访问父节点parentNode 获取指定节点的父节点语法： elementNode.parentNode 注意:父节点只能有一个。看看下面的例子,获取 P 节点的父节点，代码如下: <div id="text"> <p id="con"> parentNode 获取指点节点的父节点</p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.nodeName); </script> 运行结果: parentNode 获取指点节点的父节点 DIV 访问祖节点: elementNode.parentNode.parentNode 看看下面的代码: <div id="text"> <p> parentNode <span id="con"> 获取指点节点的父节点</span> </p> </div> <script type="text/javascript"> var mynode= document.getElementById("con"); document.write(mynode.parentNode.parentNode.nodeName); </script> 运行结果: parentNode获取指点节点的父节点 DIV 注意: 浏览器兼容问题，chrome、firefox等浏览器标签之间的空白也算是一个文本节点。

查看全部

0 采集收起来源：访问父节点parentNode
2018-03-22
superzyq

访问子结点的第一和最后项一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。语法： node.firstChild 说明：与elementNode.childNodes[0]是同样的效果。二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。语法： node.lastChild 说明：与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。注意: 上一节中，我们知道Internet Explorer 会忽略节点之间生成的空白文本节点，而其它浏览器不会。我们可以通过检测节点类型，过滤子节点。 (以后章节讲解)

查看全部

0 采集收起来源：访问子节点的第一和最后项
2015-04-10

首页上一页 7244 7245 7246 7247 7248 7249 7250 下一页尾页

0/150

提交

取消

开始学习

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

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