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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
Mar 10 Javascript
Prototype Selector对象学习
Jul 23 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
Oct 11 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
Nov 08 Javascript
jQuery操作Select的Option上下移动及移除添加等等
Nov 18 Javascript
javascript中replace( )方法的使用
Apr 24 Javascript
详解JavaScript的while循环的使用
Jun 03 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
Mar 02 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
Oct 20 Javascript
JS左右无缝轮播功能完整实例
May 16 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启动windows应用程序、执行bat批处理、执行cmd命令的方法(exec、system函数详解)
2014/10/20 PHP
PHP生成树的方法
2015/07/28 PHP
PHP中使用substr()截取字符串出现中文乱码问题该怎么办
2015/10/21 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
jquery中通过父级查找进行定位示例
2013/06/28 Javascript
jquery快捷动态绑定键盘事件的操作函数代码
2013/10/17 Javascript
基于jquery异步传输json数据格式实例代码
2013/11/23 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
2014/02/13 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
2014/08/12 Javascript
jquery操作HTML5 的data-*的用法实例分享
2014/08/17 Javascript
ECMAScript5(ES5)中bind方法使用小结
2015/05/07 Javascript
推荐10 个很棒的 jQuery 特效代码
2015/10/04 Javascript
js数组去重的5种算法实现
2015/11/04 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
2016/12/17 Javascript
Three.js入门之hello world以及如何绘制线
2017/09/25 Javascript
vue使用技巧及vue项目中遇到的问题
2018/06/04 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
JavaScript 几种循环方式以及模块化的总结
2020/09/03 Javascript
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
python通过tcp发送xml报文的方法
2018/12/28 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
Python3.5面向对象编程图文与实例详解
2019/04/24 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
详解在Python中以绝对路径或者相对路径导入文件的方法
2019/08/30 Python
Python 实现数组相减示例
2019/12/27 Python
Python打包模块wheel的使用方法与将python包发布到PyPI的方法详解
2020/02/12 Python
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
介绍一下Java中的Class类
2015/04/10 面试题
英文自荐信
2013/12/19 职场文书
企业内部培训方案
2014/02/04 职场文书
晚会主持词开场白
2014/03/17 职场文书
企业党建工作汇报材料
2014/08/19 职场文书