JavaScript改变HTML元素的样式改变CSS及元素属性


Posted in Javascript onNovember 12, 2013

改变 HTML 样式
如需改变 HTML 元素的样式,请使用这个语法:

document.getElementById(id).style.property=new style 
<p id="p2">Hello World!</p> 
<script> 
document.getElementById("p2").style.color="blue"; 
</script>

JS改变元素属性;
<script> 
var div = document.getElementByIdx_x('d1'); 
div.setAttribute("class", "abc"); 
</script>
Javascript 相关文章推荐
js 分栏效果实现代码
Aug 29 Javascript
Javascript 面向对象 继承
May 13 Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 Javascript
javascript去除空格方法小结
May 21 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
js 创建对象 经典模式全面了解
Aug 16 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
Sep 04 Javascript
微信小程序 PHP生成带参数二维码
Feb 21 Javascript
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
javascript实现滚动条效果
Mar 24 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 Javascript
屏蔽script注入小例子
Nov 12 #Javascript
js控制淡入淡出示例代码
Nov 12 #Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 #Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 #Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
Nov 12 #Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 #Javascript
jquery 模板的应用示例
Nov 12 #Javascript
You might like
DOTA2 玩家自创拉野攻略 特色英雄快速成长篇
2020/04/20 DOTA
php弹出对话框实现重定向代码
2014/01/23 PHP
使用php语句将数据库*.sql文件导入数据库
2014/05/05 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
php实现的简单日志写入函数
2015/03/31 PHP
PHP简单实现二维数组赋值与遍历功能示例
2017/10/19 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
DOM Scripting中的图片切换[兼容Firefox]
2010/06/12 Javascript
JavaScript中json对象和string对象之间相互转化
2012/12/26 Javascript
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
2013/07/08 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
2013/12/20 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
Angular.js如何从PHP读取后台数据
2016/03/24 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
2017/03/23 jQuery
JS轮播图实现简单代码
2021/02/19 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
2017/10/17 Javascript
JS中的BOM应用
2018/02/02 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
Python实现新浪博客备份的方法
2016/04/27 Python
Python实现将一个正整数分解质因数的方法分析
2017/12/14 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
pandas按条件筛选数据的实现
2021/02/20 Python
定制别致的瑜伽垫:Sugarmat
2019/06/21 全球购物
车辆转让协议书
2014/04/15 职场文书
小学生暑假生活总结
2015/07/13 职场文书
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android