Js操控Html Dom

1.引用单个节点，使用getElementById方法可以获取指定Id的元素对象。

<form name="loginForm" action="login.action">
  useName:<input id="username" name="username" value="wangyalei" />
  passWord:<input id="password" name="password"  type="password" value="wangyalei"/>
 <input type="submit" value="submit"/>
<form/>

2.引用节点集合，利用getElementsByTagName方法获取指定标签名称的集合。

var inputElements = document.getElementsByTagName("input");
var username = inputElements["username"].value;
var pwd = inputElements["password"].value;
var btnValue = inputElements[2].value;

3.创建元素节点，利用document对象的createElement方法创建元素节点

var div = document.createElement("div");

4.创建文本节点，利用document对象的createTextNode方法创建一个文本节点

var div = document.createTextNode("please Enter you login");

5.添加属性节点，利用elementNode.setAttribute方法添加一个节点的属性

div.setAttribute("title","warning Message!");
div.setAttribute("id","warningMsg");

6.利用Node接口的appendChild方法可以实现为一个节点添加子节点，把div节点添加到body节点上

document.getElementsByTagName("body")[0].appendChild(div);
// 添加文本节点
div.appendChild(textNode);

7.利用Node接口的nodeName属性获取节点的名称

document.getElementsByTagName("form")[0].nodeName;
// 利用Node接口的nodeType属性获取节点的类型
var elementType = div.noteType;// 1 元素节点
var attrType = div.getAttributeNode("id").nodeType;// 2 属性节点
var txtType = textNode.nodeType;// 3 文本节点

function remove(){
 var table = document.getElementById('ta');
 for(var i = 0; i<=table.rows.length; i++){
  table.deleteRow(1);
   }
 }
function jisuan(){
 
 var table = document.getElementById('ta');
 for(var i = 1; i<=table.rows.length; i++){
  var td = table.rows[i].cells
  alert(td[2].innerHTML);
  }
}