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


Posted in Javascript onDecember 19, 2009

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

Javascript 相关文章推荐
js 数据类型转换总结笔记
Jan 17 Javascript
js浮点数精确计算(加、减、乘、除)
Dec 26 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
Feb 13 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
javascript匀速运动实现方法分析
Jan 08 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 Javascript
彻底学会Angular.js中的transclusion
Mar 12 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
利用node.js实现反向代理的方法详解
Jul 24 Javascript
浅谈vue中慎用style的scoped属性
Nov 28 Javascript
JavaScript实现的超简单计算器功能示例
Dec 23 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
Dec 19 #Javascript
JS 的应用开发初探(mootools)
Dec 19 #Javascript
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 #Javascript
javascript demo 基本技巧
Dec 18 #Javascript
IE和Firefox下event事件杂谈
Dec 18 #Javascript
替代window.event.srcElement效果的可兼容性的函数
Dec 18 #Javascript
JavaScript 序列化对象实现代码
Dec 18 #Javascript
You might like
php.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)
2012/07/01 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
IE7提供XMLHttpRequest对象为兼容
2007/03/08 Javascript
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
JTrackBar水平拖动效果
2007/07/15 Javascript
一个简单的javascript类定义例子
2009/09/12 Javascript
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
2015/05/16 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
2015/11/25 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
纯js实现的积木(div层)拖动功能示例
2017/07/19 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
2018/09/16 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
2018/12/28 Javascript
[01:36:57]【09DOTA2第一视角】小骷髅
2014/04/16 DOTA
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
Python书单 不将就
2017/07/11 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
pyshp创建shp点文件的方法
2018/12/31 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
python与C、C++混编的四种方式(小结)
2019/07/15 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
使用 Python ssh 远程登陆服务器的最佳方案
2020/03/06 Python
浅谈Python 函数式编程
2020/06/20 Python
利用PyQt5+Matplotlib 绘制静态/动态图的实现代码
2020/07/13 Python
Pycharm Git 设置方法
2020/09/15 Python
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
银河香水:Galaxy Perfume
2019/03/25 全球购物
美国最大最全的亚洲购物网站:美国亚米网(Yamibuy)
2020/05/05 全球购物
超市总经理岗位职责
2014/02/02 职场文书
公司寄语大全
2014/04/10 职场文书
钳工实训报告总结
2014/11/04 职场文书
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫