js 基础

原创 2016年08月31日 10:38:44
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 
只能用于IE浏览器
Object.currentStyle.():获取非行内样式//只能用于IE可以获取默认样式和基本样式   不能获取复合样式


用于火狐,Chrome等浏览器
getComputedStyle(object,false).()


Object.style.()只能获取行内样式
 -->
<style type="text/css">
#div{width: 100px;height: 100px;background-color: #123456;}
</style>
<script type="text/javascript">


window.onload=function(){


oDiv=document.getElementById('div');


oBtn=document.getElementsByTagName('input')[0];


oBtn.onclick=css(oDiv,'width','200px');


function getStyle(oDiv,attr){
if(oDiv.currentStyle)
{alert(oDive.currentStyle[attr]) ;}
// {return oDive.currentStyle[attr];}
else
// {return getComputedStyle(oDive,false)[attr];}
{alert(getComputedStyle(oDiv,false)[attr]);}
}


function css(oDiv,attr,value){
    if(arguments.length==2)
    {getStyle(oDiv,attr);}
    else if(arguments.length==3)
    {oDiv.style[attr]=value;}
}
}
</script>
<meta charset="UTF-8">
<title>获取样式</title>
</head>
<body>
<input type="button" value="Change">
<div id="div"></div>
</body>
</html>

相关文章推荐

js基础之作用域

  • 2017年11月06日 09:41
  • 6KB
  • 下载

js基础 myeclipse 快捷 unix常用命令

  • 2017年10月25日 16:35
  • 29KB
  • 下载

Vue.js 2.0 教程精华梳理(一) 基础

Vue.js 第一部分 Vue.js 介绍 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上...

JS中的基础知识点

  • 2017年08月09日 00:41
  • 441KB
  • 下载

基础的js分页控件

  • 2017年08月17日 15:26
  • 3KB
  • 下载

Node.js基础学习之常见API理解

问题1:process.exit事件 process.on('exit', function(code) { // 这里必须只能是同步代码快,而不能是异步的 setTimeout(funct...

js_基础高级部分源码.rar

  • 2015年11月08日 21:52
  • 2.23MB
  • 下载

HTML5基础JS

  • 2013年07月05日 10:20
  • 1KB
  • 下载

JavaScript 学习笔记-基础记录(一)JS API下载

JavaScript 这是我搜集各种资料而记录的,毕竟都是我自己看的,所以我自己看懂就行 介绍: JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释...

js入门基础

  • 2013年10月14日 16:13
  • 76KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 基础
举报原因:
原因补充:

(最多只允许输入30个字)