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 相关文章推荐
JQuery 获取和设置Select选项的代码
Feb 07 Javascript
javascript之典型高阶函数应用介绍二
Jan 10 Javascript
分享几种比较简单实用的JavaScript tabel切换
Dec 31 Javascript
jQuery插件编写步骤详解
Jun 03 Javascript
JS验证图片格式和大小并预览的简单实例
Oct 11 Javascript
解决Vue页面固定滚动位置的处理办法
Jul 13 Javascript
jQuery Position方法使用和兼容性
Aug 23 jQuery
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
Sep 25 Javascript
JavaScript常用数组操作方法,包含ES6方法
May 10 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
Jul 29 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
原生Javascript+HTML5一步步实现拖拽排序
Jun 12 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+MYSQL 出现乱码的解决方法
2008/08/08 PHP
基于PHP字符串的比较函数strcmp()与strcasecmp()的使用详解
2013/05/15 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
CentOS7.0下安装PHP5.6.30服务的教程详解
2018/09/29 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
JQuery扩展插件Validate 2通过参数设置验证规则
2011/09/05 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
2014/06/01 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
jQuery、layer实现弹出层的打开、关闭功能
2017/06/28 jQuery
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
JS实现在文本指定位置插入内容的简单示例
2017/12/22 Javascript
vue filters的使用详解
2018/06/11 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
2020/05/23 Javascript
JS使用setInterval计时器实现挑战10秒
2020/11/08 Javascript
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
详解Python利用random生成一个列表内的随机数
2019/08/21 Python
使用python os模块复制文件到指定文件夹的方法
2019/08/22 Python
python分布式编程实现过程解析
2019/11/08 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
瑞士最大的图书贸易公司:Orell Füssli
2019/12/28 全球购物
竞聘自述材料
2014/08/25 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
仓管员岗位职责范本
2015/04/01 职场文书
python中Matplotlib绘制直线的实例代码
2021/07/04 Python