慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

wuli满满

访问父节点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
wuli满满

访问子节点的第一和最后项一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。语法： node.firstChild 说明：与elementNode.childNodes[0]是同样的效果。二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。语法： node.lastChild 说明：与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。例程:找到指定元素(div)的第一个和最后一个子节点。 <body> <div id="con"> <p>javascript</p> <div>jQuery</div> <h5>PHP</h5> </div> <script type="text/javascript"> var x=document.getElementById("con"); // document.write(x.firstChild.nodeName+x.firstChild.nodeValue+"<br/>"); //document.write(x.lastChild.nodeName); document.write(x.firstChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType+"<br/>"); document.write(x.lastChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType); </script> </body>

查看全部

0 采集收起来源：访问子节点的第一和最后项
2018-03-22
wuli满满

访问子节点childNodes 访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。语法： elementNode.childNodes 注意：如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。例程:在script标签内，获取子节点，并输出相应属性。 <body> <div> javascript <p>javascript</p> <div>jQuery</div> <h5>PHP</h5> </div> <script type="text/javascript"> var node=document.getElementsByTagName("div")[0].childNodes; document.write("节点的个数"+node.length+"<br/>"); for(var i=0;i<node.length;i++){ document.write("节点的名称"+node[i].nodeName+"<br/>"); document.write("节点的值"+node[i].nodeValue+"<br/>"); document.write("节点的类型"+node[i].nodeType+"<br/>"); } </script> </body>

查看全部

0 采集收起来源：访问子节点childNodes
2018-03-22
wuli满满

节点属性在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性： 1. nodeName : 节点的名称 2. nodeValue ：节点的值 3. nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document 二、nodeValue 属性：节点的值 1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3. 属性节点的 nodeValue 是属性的值三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型: 元素类型节点类型元素 1 属性 2 文本 3 注释 8 文档 9 例程: <body> <ul> <li>javascript</li> <li>HTML/CSS</li> <li>jQuery</li> </ul> <script type="text/javascript"> var li=document.getElementsByTagName("li"); for(var i=0;i<li.length;i++){ document.write("li["+(i+1)+"]"+"<br/>"+"节点名称是："+li[i].nodeName+"<br/>"); document.write("节点的值是:"+li[i].nodeValue+"<br/>"); document.write("节点的类型是："+li[i].nodeType+"<br/>"); } </script> </body>

查看全部

0 采集收起来源：节点属性
2018-03-22
wuli满满

setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。语法： elementNode.setAttribute(name,value) 说明： 1.name: 要设置的属性名。 2.value: 要设置的属性值。注意： 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。 2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。

查看全部

0 采集收起来源：setAttribute()方法
2017-12-07
wuli满满

getAttribute()方法通过元素节点的属性名称获取属性的值。语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字以下为获取的不为空的li标签title值: var con=document.getElementsByTagName("li"); var text=con[i].getAttribute("title");

查看全部

0 采集收起来源：getAttribute()方法
2018-03-22
白夜凛音

①目前试了Firefox、Google Chrome、IE三个浏览器，该事件只对IE起作用。 ②onunload事件对于刷新页面和超链接跳转其他页面情况有效，对于关闭页面无效。 ③onbeforeunload事件才对关闭页面有效。 ④window.onunload = onunload_message后面不需要加()。如果有人不管加没加()，都在页面跳转和刷新时弹不出提示框，是因为IE限制了网页运行脚本或ActiveX控件，点击“允许阻止的内容”，再刷新和跳转就可以看到效果了。 ⑤加了()的，在页面一打开就会弹出提示框，这个不是我们要实现的效果。

查看全部

0 采集收起来源：卸载事件（onunload）
2017-12-07
孑然_一身

多种选择（Switch语句) 当有很多种选项的时候，switch比if else使用更方便。语法: switch(表达式) { case值1: 执行代码块 1 break; case值2: 执行代码块 2 break; ... case值n: 执行代码块 n break; default: 与 case值1 、 case值2...case值n 不同时执行的代码 } 语法说明: Switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。

查看全部

0 采集收起来源：多种选择（Switch语句)
2017-12-07
qq_谁拿流年乱了浮生_2

<script type="text/javascript"> var infos = [ ['小A','女',21,'大一'],['小B','男',23,'大三'], ['小C','男',24,'大四'],['小D','女',21,'大一'], ['小E','女',22,'大四'],['小F','男',21,'大一'], ['小G','女',22,'大二'],['小H','女',20,'大三'], ['小I','女',20,'大一'],['小J','男',20,'大三'] ]; for (var i=0;i<infos.length;i++){ if(infos[i][1] === "女" && infos[i][3] ==="大一"){ document.write("大一的女生名字为：" + infos[i][0] +"<br>"); } } </script>

查看全部

0 采集收起来源：编程练习
2018-03-22
小喵瞄

string.substring( 起点，终点 )结果包含起点，不包含终点字符。如：var mystr="Hello World!"; document.write(mystr.substr(0，4));结果为Hell，不包含第4个字符。 string.substr( 起点，长度 )

查看全部

0 采集收起来源：提取指定数目的字符substr()
2018-03-22
孑然_一身

二维数组一维数组，我们看成一组盒子，每个盒子只能放一个内容。一维数组的表示: myarray[ ] 二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。二维数组的表示: myarray[ ][ ] 注意: 二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引值为长度-1。 1. 二维数组的定义方法一 var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 myarr[i][j]=i+j; // 赋值，每个数组元素的值为i+j } } 2. 二维数组的定义方法二 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]] 3. 赋值 myarr[0][1]=5; //将5的值传入到数组中，覆盖原有值。说明: myarr[0][1] ,0 表示表的行，1表示表的列。

查看全部

0 采集收起来源：二维数组
2018-03-22
孑然_一身

创建数组，并且给数组赋值

查看全部

0 采集收起来源：谁是团里成员（数组赋值）
2017-12-07
孑然_一身

数组是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的值，根据需要添加更多数值。

查看全部

0 采集收起来源：一起组团（什么是数组）
2017-12-07
卡布丶奇诺

屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。 2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。注意: 不同系统的任务栏默认高度不一样，及任务栏的位置可在屏幕上下左右任何位置，所以有可能可用宽度和高度不一样。

查看全部

1 采集收起来源：屏幕可用高和宽度
2017-12-07
白夜凛音

二维数组的定义方法一 var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 myarr[i][j]=i+j; // 赋值，每个数组元素的值为i+j } }

查看全部

0 采集收起来源：二维数组
2018-03-22

首页上一页 1052 1053 1054 1055 1056 1057 1058 下一页尾页

0/150

提交

取消

开始学习

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

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