動態(tài)創(chuàng)建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

最新評論