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 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
javascript RadioButtonList获取选中值
Apr 09 Javascript
jquery select选中的一个小问题
Oct 11 Javascript
在JavaScript中获取请求的URL参数[正则]
Dec 25 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
jQuery+HTML5实现图片上传前预览效果
Aug 20 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
javascript实现列表切换效果
May 02 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
Sep 19 Javascript
Vue组件开发初探
Feb 14 Javascript
垃圾回收器的相关知识点总结
May 13 Javascript
解决linux下node.js全局模块找不到的问题
May 15 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
BBS(php &amp; mysql)完整版(四)
2006/10/09 PHP
PHP5 面向对象(学习记录)
2009/12/02 PHP
php smarty truncate UTF8乱码问题解决办法
2014/06/13 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
XENON基于JSON变种
2010/07/27 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
2013/12/04 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
vue+element实现表格新增、编辑、删除功能
2019/05/28 Javascript
JavaScript箭头函数中的this详解
2019/06/19 Javascript
VUE+node(express)实现前后端分离
2019/10/13 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
2020/02/02 Javascript
微信小程序地图实现展示线路
2020/07/29 Javascript
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
python实现AES加密和解密
2019/03/27 Python
python实现几种归一化方法(Normalization Method)
2019/07/31 Python
python代码如何注释
2020/06/01 Python
Python环境管理virtualenv&amp;virtualenvwrapper的配置详解
2020/07/01 Python
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
DELPHI中如何调用API,可举例说明
2014/01/16 面试题
应届中专生自荐书范文
2014/02/13 职场文书
经济担保书范文
2014/04/02 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
公司员工手册范本
2015/05/14 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
MySQL主从搭建(多主一从)的实现思路与步骤
2021/05/13 MySQL
如何有效防止sql注入的方法
2021/05/25 SQL Server
探究Mysql模糊查询是否区分大小写
2021/06/11 MySQL
php 文件上传至OSS及删除远程阿里云OSS文件
2021/07/04 PHP