作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 02:01:27 阅读 我要评论

动态创建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

  推荐阅读

  Div+Js实现的带阴影菜单 微软以前网站曾用过

Div+Js实现的带阴影菜单 微软以前网站曾用过 body,td,div,a,input{font:menu;line-height:180%} Jb51.net 脚本之家 网页特效 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读


本文标题:js控制div及网页相关属性的代码

地址:http://www.17bianji.com/kaifa2/JS/27421.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)