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 相关文章推荐
popdiv
Jul 14 Javascript
javascript标签在页面中的位置探讨
Apr 11 Javascript
ExtJS的拖拽效果示例
Dec 09 Javascript
在JavaScript应用中实现延迟加载的方法
Jun 25 Javascript
深入解析JavaScript中的数字对象与字符串对象
Oct 21 Javascript
js弹出对话框方式小结
Nov 17 Javascript
功能强大的jquery.validate表单验证插件
Nov 07 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
Jan 31 Javascript
了解前端理论:rscss和rsjs
May 23 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 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实现手机号码中间四位用星号(*)隐藏的自定义函数分享
2014/09/27 PHP
php输出全球各个时区列表的方法
2015/03/31 PHP
WordPress中用于获取文章作者与分类信息的方法整理
2015/12/17 PHP
仿微博字符限制效果实现代码
2012/04/20 Javascript
jquery1.10给新增元素绑定事件的方法
2014/03/06 Javascript
node.js中的fs.utimesSync方法使用说明
2014/12/15 Javascript
javascript拖拽效果延伸学习
2016/04/04 Javascript
Javascript实现鼠标框选操作  不是点击选取
2016/04/14 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
BootStrap 超链接变按钮的实现方法
2016/09/25 Javascript
ES6新特性一: let和const命令详解
2017/04/20 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
2017/04/24 Javascript
JavaScript设计模式之调停者模式实例详解
2018/02/03 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
2019/05/05 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
[00:12]DAC2018 Miracle-站上中单舞台,他能否再写奇迹?
2018/04/06 DOTA
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
为Python的web框架编写前端模版的教程
2015/04/30 Python
Python 中 Meta Classes详解
2016/02/13 Python
Python实现的在特定目录下导入模块功能分析
2019/02/11 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
Python爬虫动态ip代理防止被封的方法
2019/07/07 Python
python实现对图片进行旋转,放缩,裁剪的功能
2019/08/07 Python
浅析PyTorch中nn.Linear的使用
2019/08/18 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
python GUI库图形界面开发之PyQt5拖放控件实例详解
2020/02/25 Python
app内嵌H5 webview 本地缓存问题的解决
2020/10/19 HTML / CSS
联欢晚会主持词
2014/03/25 职场文书
2014年城管个人工作总结
2014/12/08 职场文书
三峡人家导游词
2015/01/31 职场文书
给老婆的检讨书(搞笑版)
2015/05/06 职场文书
《这片土地是神圣的》教学反思
2016/02/16 职场文书