js控制div及网页相关属性的代码

动态创建DIV：var div = document.createElement("div"); 
设置div属性及样式等： 
div.title="this is a new div."; 
div.class = "newDivClass"; 
div.innerHTML = "Test create a div element!"; 
div.style.styleFloat="left"; 
div.style.overflow="hidden"; 
div.style.marginLeft="8px"; 
div.style.marginTop="10px"; 
div.style.width="320px"; 
div.style.height="250px"; 
div.style.backgroundRepeat="no-repeat"; 
div.style.backgroundImage="url(image/bgred.jpg)" 
将DIV添加到body：document.body.appendChild(div ); 
设置Attribute属性： 

添加,设置： 
(1). div.setAttribute("ok","ok?"); 
html: <div id="id" style="background-color: red;" ok="ok?"/> 
(2). var ok = document.createAttribute("name"); 
div.setAttributeNode(ok); 
html: <div id="id" style="background-color: red;" name=""/> 
获取： 
(1).div.getAttribute("ok");//ok? 
(2)var v = div.getAttributeNode("ok").value;// div.getAttributeNode("ok")获取的是//AttributeNode对象。 
删除 
(1).document.getElementById("id").removeAttribute("ok");//ok为属性名。 
(2).document.getElementById("id").removeAttributeNode(ok);//ok为AttributeNode对象。 

很重要的一个方法
document.getElementsByTagName