JS取非行间样式

<title>无标题文档</title>
<style>
#div1{width:200px;height:200px; background:red;}
</style>
<script>
function getStyle(obj,name){
    if(obj.currentStyle){
        return obj.currentStyle[name];
        }else{
            return getComputedStyle(obj,false)[name];
            }
    }
window.onload=function (){
    var oDiv=document.getElementById(‘div1‘);

    alert(getStyle(oDiv,‘backgroundColor‘));
    }
</script>
</head>

<body>
<div id="div1"></div>
</body>
时间： 2024-07-28 17:22:23

JS取非行间样式的相关文章

js获取非行间样式或定义样式

1 <!--DOCTYPE html--> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style> 6 *{ text-align:center;} 7 input{ margin-top:30px; padding:10px 20px;} 8 #div1{ width:500px; height:300px; background:red; margin:10px aut

JS-可变参（arguments )取非行间样式

函数返回值 什么是函数返回值 函数的执行结果 可以没有return 一个函数应该只返回一种类型的值 函数传参 1.可变参(不定参):arguments   参数的个数可变,参数数组 例子1:求和 求所有参数的和 2.取非行间样式(不能用来设置): obj.currentStyle[attr] getComputedStyle(obj, false)[attr] 例子1: <script>function sum()( {var result=0;for(var i=0;i<argumen

JS获取非行间样式

我们都知道用offset函数获取元素样式是一件很方便的事,但是offset只能获取行间样式,而无法获得非行间样式,这是它的瓶颈所在. 我们都知道js获取行间样式的方法,那么js是如何获取行距样式的呢? 首先让我们看一下js是如何获取行间样式的: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona

JS获取非行间样式及兼容问题

获取非行间样式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取非行间样式</title> <style> #div1{height: 200px;width: 200px;background-color: red;} </style> <script> fun

js 获取非行间样式

1.getComputedStyle(nodeObj,false):该方法是BOM对象,第一个是要获取样式的节点对象:第二个可以写成任何的字符一般写成false或者null,这里最好是用false因为用null IE9+会有问题:后面直接跟要获取的样式(写在方括号中)即可 var style=getComputedStyle(div,false)['width']; 但是该方法具有兼容性,IE8以下不支持该方法 2.currentStyle['attr']; 该属性返回的也是是一个对象,也是计算

js提取非行间样式

<script>function GetStyle(object,name){ if(object.currentStyle) { return object.currentStyle[name]; } else { return getComputedStyle(object,false)[name]; } } window.onload=function() { var oDiv=document.getElementById('div1'); alert(GetStyle(oDiv,'w

JavaScript 学习—— js获取行间样式和非行间样式

1. 问题引入 <head> <style> #div1{ width:150px; height:200px; position:absolute; left:-150px; background: green; } </style> <script> window.onload = function(){ var oDiv1 = document.getElementById('div1'); alert(oDiv1.style.left); //获取l

JS获取元素非行间样式的方法

currentStyle :只兼容IE浏览器 getComputedStyle :获取计算后的样式,不兼容IE6.IE7.IE8 如何获取非行间样式,同时兼容所有浏览器呢? window.onload=function(){ var oDiv1=document.getElementBy("div1"); if(oDiv.currentStyle){ //如果浏览器支持currentStyle oDiv.currentStyle.width; }else{ //如果浏览器不支持curr

Date对象,封闭空间,函数传参和封装,获取非行间样式,字符串操作

一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1  获取月份( 0-11)----->1-12 oDate.getDate()  获取日 1-31 oDate.getHours() 获取小时 oDate.getMinutes() 获取分 oDate.getSeconds() 获取秒 oDate.getMilliseconds();   //毫秒 oDate.getDay() 获取星期几 0-6     0:星期天 例:数码时钟