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);
    }
  }