JavaScript中改变HTML样式
2016-03-12 16:54
579 查看
源自:慕女神
1、改变元素样式
语法:Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
基本属性表:
backgroundColor、height、width、color、font、font-family、font-size
eg: var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="grey";
mychar.style.width="300px";
2、显示隐藏标签样式(display属性)
语法:
Object.style.display = value
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。value的取值:none:HTML元素隐藏、block:元素显示为块级元素
eg: function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
<p id="con">我喜欢看动漫</p>
3、控制类名(className属性)
className 属性设置或返回元素的class 属性。
语法:
object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
1、改变元素样式
语法:Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
基本属性表:
backgroundColor、height、width、color、font、font-family、font-size
eg: var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="grey";
mychar.style.width="300px";
2、显示隐藏标签样式(display属性)
语法:
Object.style.display = value
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。value的取值:none:HTML元素隐藏、block:元素显示为块级元素
eg: function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
<p id="con">我喜欢看动漫</p>
3、控制类名(className属性)
className 属性设置或返回元素的class 属性。
语法:
object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
相关文章推荐
- JSP 介绍
- javascript--瀑布流
- js判断用户超时登录
- extjs6 入门 sencha cmd 新建项目
- json
- ext js 学习系列 二 MVC 框架的搭建 .
- 客户端js判断上传文件类型和文件大小
- 《JS高程》数据类型学习笔记
- 你不知道的JavaScript--Item33 跨域总结与解决办法
- ext 学习 - spket插件的安装
- iOS7新JavaScriptCore框架入门介绍
- 封装getByClass(JS获取class的方法封装为一个函数)
- js 九九乘法表
- js对象定义,表格数据转成json上传提交
- 七大排序算法总结 JavaScript <堆还没写…………待续>
- jsp原理(理解)
- Js的typeof和Js的基本数据类型
- js-DOM给class追加一个新的元素
- JS判断浏览器类型与版本
- JavaScript在网页中出现的位置