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


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3