慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕设计7417019

返回数组的两种方式

var mystr="I love JavaScript!"
document.write(mystr.length);

var myarray=new Array(5);
var mynum=myarray.length;
document.write("数组长度:"+mynum);

查看全部

0 采集收起来源：返回指定位置的字符
2019-05-30
77阿棱
在指定节点的最后一个子节点列表之后添加一个新的子节点。
语法:
```
appendChild(newnode)
```
参数:
newnode：指定追加的节点。
查看全部

0 采集收起来源：插入节点appendChild()
2019-05-29
周菜菜

//创建数组
var arr = ['*','##',"***","&&","****","##*"];
arr[7] = "**";
//输出
document.write(arr[0]+" "+" ");
document.write(arr[7]+" "+" ");
document.write(arr[2]+" "+" ");
document.write(arr[4]);

查看全部

0 采集收起来源：编程练习
2019-05-29
77阿棱
1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.nextSibling
```
说明：如果无此节点，则该属性返回 null。
2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。
语法：
```
nodeObject.previousSibling
```
说明：如果无此节点，则该属性返回 null。
注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。
解决问题方法:
判断节点nodeType是否为1, 如是为元素节点，跳过。
查看全部

0 采集收起来源：访问兄弟节点
2019-05-29

班小超

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>
  <script type="text/javascript">
   function count(){
    var num1 = parseInt(document.getElementById("txt1").value);
    var num2 = parseInt(document.getElementById("txt2").value);
    var sar = document.getElementById("select").value;
    var sum = 0;
    switch(sar) {
        case '+':
            sum = num1 + num2;
            break;
        case '-':
            sum = num1 - num2;
            break;
        case '*':
            sum = num1 * num2;
            break;
        case '/':
            sum = num1 / num2;
            break;
        default:
            break;
    }
   document.getElementById("fruit").value = sum;


   }
  </script>
 </head>
 <body>
   <input type='text' id='txt1' />
   <select id='select'>
      <option value='+'>+</option>
      <option value="-">-</option>
      <option value="*">*</option>
      <option value="/">/</option>
   </select>
   <input type='text' id='txt2' />
   <input type='button' value=' = ' onclick='count()' /> <!--通过 = 按钮来调用创建的函数，得到结果-->
   <input type='text' id='fruit' />
 </body>
</html>

查看全部

0 采集收起来源：编程练习

2019-05-29

77阿棱

获取指定节点的父节点

语法：

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

查看全部

0 采集收起来源：访问父节点parentNode

2019-05-29

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

0 采集收起来源：访问子节点的第一和最后项
2019-05-29
weixin_慕移动6257819

用confirm可能更合适

查看全部

0 采集收起来源：让你认识JS
2019-05-29
慕UI7313851

没有完全完成

查看全部

0 采集收起来源：编程练习
2019-05-29

weixin_慕移动6257819

注意:1. JS是区分大小写的，如：classname和ClassName是不一样的。同时注意方法、属性、变量等的大小写吆。

2. JS中的字符、符号等一定要在英文状态下输入吆。

查看全部

0 采集收起来源：让你认识JS

2019-05-29

77阿棱
访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。
语法：
```
elementNode.childNodes
```
注意：
如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。
我们来看看下面的代码:
运行结果:
IE:
```
  UL子节点个数:3
  节点类型:1
```
其它浏览器:
```
   UL子节点个数:7
   节点类型:3
```
注意:
1. IE全系列、firefox、chrome、opera、safari兼容问题
2. 节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点，所以IE是3，其它浏览器是7，如下图所示:
如果把代码改成这样:
<ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul>
运行结果:（IE和其它浏览器结果是一样的）
```
  UL子节点个数:3
  节点类型:1
```
查看全部

0 采集收起来源：访问子节点childNodes
2019-05-29
77阿棱

在文档对象模型 (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

查看全部

0 采集收起来源：节点属性
2019-05-29
77阿棱
setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
语法：
```
elementNode.setAttribute(name,value)
```
说明：
1.name: 要设置的属性名。
2.value: 要设置的属性值。
注意：
1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。
2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。
查看全部

0 采集收起来源：setAttribute()方法
2019-05-29
77阿棱
通过元素节点的属性名称获取属性的值。
语法：
```
elementNode.getAttribute(name)
```
说明:
1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。
2. name：要想查询的元素节点的属性名字
查看全部

0 采集收起来源：getAttribute()方法
2019-05-29
lululu1014

var mynum=[[1,4,3,],[0,1,3]]
二维数组的定义方法二。

查看全部

0 采集收起来源：编程练习
2019-05-29

首页上一页 367 368 369 370 371 372 373 下一页尾页

0/150

提交

取消

开始学习

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

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