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 跨域访问问题解决方法(笔记)
Jun 08 Javascript
基于JQuery实现CheckBox全选全不选
Jun 27 Javascript
javascript获取xml节点的最大值(实现代码)
Dec 11 Javascript
js获取url参数代码实例分享(JS操作URL)
Dec 13 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
Javascript基础教程之关键字和保留字汇总
Jan 18 Javascript
Javascript中的Callback方法浅析
Mar 15 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
Jul 27 Javascript
ES6中参数的默认值语法介绍
May 03 Javascript
vue-cli 3.x 修改dist路径的方法
Sep 19 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
vue使用微信JS-SDK实现分享功能
Aug 23 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 date()日期时间函数详解
2010/05/16 PHP
PHP中实现中文字符进制转换原理分析
2011/12/06 PHP
php递归调用删除数组空值元素的方法
2015/04/28 PHP
php中关于socket的系列函数总结
2015/05/18 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
PHP基于自定义函数生成笛卡尔积的方法示例
2017/09/30 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
js如何获取兄弟、父类等节点
2014/01/06 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
jQuery实现的网页竖向菜单效果代码
2015/08/26 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
2017/09/23 jQuery
AngularJS表单验证功能
2017/10/19 Javascript
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
2018/09/28 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
2019/05/27 Javascript
vue+elementUI动态生成面包屑导航教程
2019/11/04 Javascript
[06:11]2014DOTA2国际邀请赛 专访团结一心的VG战队
2014/07/21 DOTA
[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦
2015/02/02 DOTA
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
零基础写python爬虫之爬虫编写全记录
2014/11/06 Python
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
浅谈python常用程序算法
2019/03/22 Python
Python之多进程与多线程的使用
2021/02/23 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
移动端Html5页面生成图片解决方案
2018/08/07 HTML / CSS
统计员岗位职责
2013/11/14 职场文书
新年寄语大全
2014/04/12 职场文书
师德师风事迹材料
2014/12/20 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
MySQL范围查询优化的场景实例详解
2022/06/10 MySQL
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技