节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点，所以IE是3，其它浏览器是7

节点属性

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

1事件监听

var trList = document.getElementsByTagName("tr");

for(var i=0;i<trList.length;i++){

  //  trList[i].onmouseout = function(e){

  //      var target = e.target;

  //      target.style.backgroundColor="#fff";

  //  }

  //   trList[i].onmouseover =function(e){

  //      var target = e.target;

  //      target.style.backgroundColor="#f2f2f2";

  //  }

  trList[i].addEventListener("mouseover",function(e){

      var target = e.target;

        target.style.backgroundColor="#f2f2f2";

  })

  trList[i].addEventListener("mouseout",function(e){

      var target = e.target;

        target.style.backgroundColor="#fff";

  })

}

obj.onclick = function(){

};

obj.addEventListener("click",function(){});

这两种写法都有效。

• input是一个输入框 （文本输入框，选择框，日期选择框，文件选择框等等），input的type属性决定着是什么输入框

type属性：

• 当type='text'时，是一个明文输入框 ；

<input type="text" >

• 示例：

type='password'时，是一个密码输入框 ；input如果有value属性,则作为输入框的默认值；

<input type="password" >

• 示例：

type='button'时，是一个按钮，这种按钮主要是负责本地的“按钮事件”

• 示例：

type='submit'时，是一个提交表单的按钮，主要负责向后台提交表单，,它可以提交表单form里面的内容 ；

• 示例：

  <input type="submit">

type='radio'是一个单选框【name的值相同影响他们不能复选，只能单选】，，如果需要有提示内容，需要在标签后面填写，value只是代表选定之后提交到后台的结果

• 示例：

type='checkbox'是一个复选框，，如果需要有提示内容，需要在标签后面填写，value只是代表选定之后提交到后台的结果

• 示例：

• type='file',需要form里面有enctype='multi'属性配合才能上传文件。 

<input type="file" />

• 示例：

• type='image'时，是一个图片输入框，功能类似button和submit，功能一般是使用一个图片作为一个“按钮”（使用src来指示图片来源）。默认情况下是一个提交的图片显示结果

  • 示例：

    <input type="image" src="https://www.baidu.com/img/baidu_jgylogo3.gif" >

• type='reset'时，是一个重置按钮，可以重置表单中所有输入框的内容

  • 示例：

    <input type="reset">

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

节点属性:

遍历节点树:

dom操作

setTimeout()计时器，在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

offsetTop,offsetLeft,在确定之后，不会随着滚动条的变化，而变化，scrollTop,scrollLeft会变化。

• <meta />标签:

  • author -- 用于定义网页作者 ，content中的内容会作为对应的作者内容

  • description --代表网站描述 ，content中的内容会作为对应的网站描述内容

  • keywords --代表网页关键字，content中的内容会作为关键字内容

  • name可以等于一个值，比如keywords,当name=”keywords”时代表网页的关键字【关键字用于搜索引擎，便于搜索】，content中的内容会作为关键字内容

  • name可以等于的值常见的有： 【所以可以得知meta可以有多个】

  • 
    

  • 功能：提供有关页面的元信息，例：页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词

  • 属性content：meta有一个必须的属性content,content负责与其他属性的配合

  • 属性：name

    
    

  • 
    

    • 　　一般依据html的版本来生成，html5中是这样的

       

    • 属性charset:设置网页的字符集

  •  

    • 属性:http-equiv

      • http-equiv可以等于一个值

      • 常见的值有以下几个：

      • 
        

        • refresh --刷新网页，content中的内容决定着刷新时间，或者跳转到另外一个网页 【使用例子可以参照下面的】

className为message，但实际使用时，用setAttribute("class","message");别记错了

1. nodeObj.innerHTML是标签显示的文字内容，

2. nodeObj.setAttribute("value","")是设置标签的值，不一样。
   

事件是可以被 JavaScript 侦测到的行为。

slice(start,end)，slice里面表示起止，slice(3), slice(3,5)，从效果上来说都可以遍历完这个数组

arrayObject.sort(方法函数)

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

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

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

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

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

arrayObject.slice(start,end)

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

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

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

reverse() 方法用于颠倒数组中元素的顺序。

敲黑板：：：：

该方法会改变原来的数组，而不会创建新的数组。

：：：：