setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。

语法：

elementNode.setAttribute(可以是一些类别title之类的,想要输出的内容)

说明：

1.name: 要设置的属性名。

2.value: 要设置的属性值。

注意：

1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。

2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。

通过元素节点的属性名称获取属性的值。

语法：

elementNode.getAttribute(name)

说明:

1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。

2. name：要想查询的元素节点的属性名字

看看下面的代码，获取h1标签的属性值：

运行结果:

h1标签的ID ：alink
h1标签的title ：getAttribute()获取标签的属值

数组排序sort()

sort()方法使数组中的元素按照一定的顺序排列。

语法:

arrayObject.sort(方法函数)

参数说明：

1.如果不指定<方法函数>，则按unicode码顺序排列。

2.如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。

myArray.sort(sortMethod);

注意: 该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下： 

  若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。
  若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
  若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。

1.使用sort()将数组进行排序，代码如下：

<script type="text/javascript">   var myarr1 = new Array("Hello","John","love","JavaScript");    var myarr2 = new Array("80","16","50","6","100","1");   document.write(myarr1.sort()+"<br>");   document.write(myarr2.sort()); </script>

运行结果：

Hello,JavaScript,John,love 1,100,16,50,6,80

注意:上面的代码没有按照数值的大小对数字进行排序。

2.如要实现这一点，就必须使用一个排序函数，代码如下：

<script type="text/javascript">   function sortNum(a,b) {   return a - b;  //升序，如降序，把“a - b”该成“b - a” }  var myarr = new Array("80","16","50","6","100","1");   document.write(myarr + "<br>");   document.write(myarr.sort(sortNum)); </script>

运行结果：

80,16,50,6,100,1 1,6,16,50,80,100

任务

1. 补充右边编辑器第8行，完成降序排列函数。

2. 补充右边编辑器第11行，使用sort()方法，进行数组降序列排列，并输出。

选定元素slice()

slice() 方法可从已有的数组中返回选定的元素。

语法

arrayObject.slice(start,end)

参数说明：

1.返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

2. 该方法并不会修改数组，而是返回一个子数组。

注意：

1. 可使用负值从数组的尾部选取元素。

2.如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。

3. String.slice() 与 Array.slice() 相似。

我们将创建一个新数组，然后从其中选取的元素，代码如下：

<script type="text/javascript">   var myarr = new Array(1,2,3,4,5,6);   document.write(myarr + "<br>");   document.write(myarr.slice(2,4) + "<br>");   document.write(myarr); </script>

运行结果：

1,2,3,4,5,6 3,4 1,2,3,4,5,6

任务

补充右边编辑器第8行，将选定数组元素"爱","你"，并输出

getElementsByName()方法

返回带有指定名称的节点对象的集合。

语法：

document.getElementsByName(name)

与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。

注意:

1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。

++自增1，--自减1，%是整除后的余数，输出数值看是否先自加或者自减（或加减）

使用!可能需要用到()

<h2 id="con">I love JavaScript</H2>

元素节点是H2 文本节点是iloveJavaScript   属性节点是id=con

在指定节点的最后一个子节点列表之后添加一个新的子节点。

语法:

object.appendChild(newnode)

参数:

newnode：指定追加的节点。

// var newNode = document.createElement("li");

1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。

语法：

nodeObject.nextSibling

2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。

nodeObject.previousSibling

说明：如果无此节点，则该属性返回 null。

return 的作用是退出循环体所在的函数，相当于结束该方法。

break 的作用是结束循环，跳出循环体，执行后面的程序。

continue 的作用是结束此次循环，进行下一次循环； 

return 作用是，将函数调用栈弹栈，恢复现场。说的简单点儿就是结束当前的函数（顺便返回函数执行结果)，回到本函数被调用处继续执行。

JavaScript数组的length属性是可变的，这一点需要特别注意。

arr.length=10; //增大数组的长度document.write(arr.length); //数组长度已经变为10

语法：

elementNode.parentNode

注意:父节点只能有一个。

节点名称nodeName或节点值nodeValue或节点类型nodeType

document.write(mynode.parentNode.nodeName);

访问祖节点:

elementNode.parentNode.parentNode

1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值

getAtrtribute()

获取属性的方法

()里面写的是属性