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