HTML解析方法123
随時更新+>>201404430
//------------------------------------------------H T M L - D O M-------------------------------------------------
//+++> ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
var oHtml=document.documentElement;// <html>
console.log(" : "+oHtml.nodeName);//
console.log(" : "+oHtml.nodeType);// 1
var oHead=oHtml.firstChild;//HEAD
var oBody=oHtml.lastChild;//BODY
var oHead=oHtml.childNodes.item(0);//HEAD
//var oHead=oHtml.childNodes[0];// , HEAD
var oBody=oHtml.childNodes.item(1);//BODY
//var oBody=oHtml.childNodes.item(1);// , BODY
var odocum=document.documentElement
var oBody=document.body;
//nodeType：
//nodeName：
//nodeValue：
//attributes：
//----------- -----------
//firstChild：
//lastChild：
//childNodes：
//parentNode：
//nextSibling：
//previousSibling：
// nodeName
//
//
// #text
// #document
// nodeValue
// undefined null
//
//
// NodeType
// 1
// 2
// 3
// 8
// 9
//+++> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
document.body.getElementsByTagName('div')[0].style[document.body.getElementsByTagName('div')[0].style[document.body.getElementsByTagName('div')[0].style.length-1]]
document.getElementsByTagName("li");//
document.getElementById("t").getAttributeNode("name");
document.getElementById("t").attributes["name"];
document.getElementById("p1").innerHTML="New text!";
document.getElementById("p2").style.color="blue";
//------------------------------------ HTML --------------------------------------------
// <p> ：
var para=document.createElement("p");
// <p> ， 。 ：
var node=document.createTextNode("This is a new paragraph.");
// <p> ：
para.appendChild(node);
// ：
var element=document.getElementById("div1");
// ：
element.appendChild(para);
//getElementById() ID 。
//getElementsByTagName() （ ）。
//getElementsByClassName() 。
//hasChildNodes() ： ， true， false
//removeChild()：
//appendChild()：
//replaceChild()：
//insertBefore()： 。
//cloneNode()：
//createAttribute() 。
//createElement() 。
//createTextNode() 。
//getAttribute() 。
//setAttribute() 。
//normalize()：（ ）
//-------------------------------------HTML ------------------------------------------------------
//HTML ：
// onmouseover="mOver(this)" onmouseout="mOut(this)" onmousedown="mDown(this)" onmouseup="mUp(this)"
// onload="checkCookies()
//
//
// onchange="upperCase()
// HTML
// onclick="changetext(this)"
//<script>function changetext(id){ id.innerHTML="hello!"; }</script>
//<h1 onclick="changetext(this)"> !</h1>