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学习笔记 操作jQuery对象 CSS处理
Sep 19 Javascript
JS判断数组中是否有重复值得三种实用方法
Aug 16 Javascript
js open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
javascript解析json数据的3种方式
May 08 Javascript
JS实现队列的先进先出功能示例
May 10 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
Javascript中 toFixed四舍六入方法
Aug 21 Javascript
Vue组件全局注册实现警告框的实例详解
Jun 11 Javascript
vue 监听某个div垂直滚动条下拉到底部的方法
Sep 15 Javascript
JS中appendChild追加子节点无效的解决方法
Oct 14 Javascript
简单了解JavaScript中常见的反模式
Jun 21 Javascript
移动端吸顶fixbar的解决方案详解
Jul 17 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类
2006/11/27 PHP
PHP简单实现遍历目录下特定文件的方法小结
2017/05/22 PHP
10个实用的脚本代码工具
2010/05/04 Javascript
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
2013/04/15 Javascript
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
Javascript获取CSS伪元素属性的实现代码
2014/09/28 Javascript
jquery实现聚光灯效果的方法
2015/02/06 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
2015/05/06 Javascript
Angular2库初探
2017/03/01 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
JS中关于正则的巧妙操作
2017/08/31 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
2018/11/13 Javascript
PHPStorm中如何对nodejs项目进行单元测试详解
2019/02/28 NodeJs
uni-app之APP和小程序微信授权方法
2019/05/09 Javascript
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
centos6.4下python3.6.1安装教程
2017/07/21 Python
python利用正则表达式搜索单词示例代码
2017/09/24 Python
Django实现学生管理系统
2019/02/26 Python
节日快乐! Python画一棵圣诞树送给你
2019/12/24 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
Python中Yield的基本用法
2020/10/18 Python
HTML5 video标签(播放器)学习笔记(一):使用入门
2015/04/24 HTML / CSS
canvas 下载二维码和图片加水印的方法
2018/03/21 HTML / CSS
廉价航班、机票和酒店:JustFly
2018/02/07 全球购物
英国婚礼商城:Wedding Mall
2019/11/02 全球购物
建筑工程管理专业自荐信范文
2013/12/28 职场文书
工程采购员岗位职责
2014/03/09 职场文书
手机银行营销方案
2014/03/14 职场文书
2014公司年终工作总结
2014/12/19 职场文书
环卫个人总结
2015/03/03 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
spring boot实现文件上传
2022/08/14 Java/Android