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



相关阅读:
优化Wordpress的速度的几个技巧
filemanage功能中用到的common.js
保护WordPress网站:10个WordPress安全插件和技巧
二级ACCESS语言的软件环境
用PHP和ACCESS写聊天室(二)
引入CSS样式的五种方式
Win2008中的一些设置技巧
Windows注册表修改的技巧让IE飞速
支持IE6 IE7 Firefox 的纯CSS的下拉菜单
走进Vista系统安全中心!
CSS网页制作教程:网页首页设计实例
Linux系统下快速删除某个目录下大量文件
SQL 判断字段类型语句
打包上传asp网站
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4