获得元素上的所有属性

function printStyles(elem) {

var isIe  = navigator.userAgent.indexOf(‘MSIE‘) >= 0 ? true : false;

var allStyle;

if(isIe) {

allStyle = elem.currentStyle;

}else {

allStyle = document.defaultView.getComputedStyle(elem,null);

}

var tmp = ‘‘;

for(var i in allStyle) {

if(typeof allStyle[i] != ‘string‘) continue;

tmp += i+":"+allStyle[i] + "\n" ;

}

alert(tmp);

}

printStyles(document.getElementById(‘test‘));

时间: 2024-11-19 20:45:02

获得元素上的所有属性的相关文章

jQuery查看dom元素上绑定的事件列表

作为技术狂热分子的职业本能,看到一个技术产品的功能,总会忍不住想知道它是怎么被实现的.比如我每每看到别人网站一个很炫的界面或者很酷的功能,就忍不住打开了浏览器的控制台... 好,不扯远,说说当你想看到网站上某个元素绑定的事件函数的代码时应该怎么做吧. 查看原生绑定的事件函数代码 所谓原生就是通过addEventListener方法绑定到dom元素上.这个好办: 审查绑定事件的元素(对着它右键->审查元素) 在弹出的Elements视图的控制台,右侧点击“Event Listeners”页签 然后

2016-06-02 获取系统当前日期和时间并显示在某个元素上

1. <script> window.onload=function(){ getDateAndTime(); setInterval(getDateAndTime,1000); } //获取系统的日期和时间并显示在某个元素上 function getDateAndTime(){ var myDate = new Date(); var year = myDate.getFullYear(); var month = myDate.getMonth()+1; var day = myDate.

js实例_当鼠标移动到某个元素上时在元素下面显示一段提示文字

效果: 当鼠标不在自动登录上时,只显示自动登录这个表单,下面的div提示则隐藏. 当鼠标移动到自动登录这个表单时,则显示下面的div提示,当鼠标移出时再将其隐藏 代码实现与原理: HTML代码: <body> <input type="checkbox" />自动登录 <div id="div1">不要再玩游戏啦!!!</div> </body> CSS代码:给id为div1的元素做一下修饰,并且将其最开始

AngularJS之一个元素上绑定多个指令作用域

前言 众所周知,我们在自定义指令时,会指定它的作用域,即scope设置项(默认值为false). 且,scope设置项,可以有三种值,从而也就代表三种不同的作用域,下面我们再来一起回顾下: 指令之scope scope: false 默认值,指令不会新建一个作用域,使用父级作用域. scope: true 指令会创建一个新的子作用域,原型继承于父级作用域. scope: {…} 指令会新建一个隔离作用域,不会原型继承父作用域. 好了,通过上面,我们很容易知道,在一个元素绑定一个指令,那么仅仅看这

鼠标移到元素上指针变为不可用状态

鼠标移到元素上指针变为不可用状态:鼠标的指针状态与很多种,分别代表着不同的含义,下面介绍一下如何实现当鼠标悬浮于一个元素的时候,鼠标指针会变味不可用状态,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />

sharepoint 2013 webservice 已超过传入消息(65536)的最大消息大小配额。若要增加配额,请使用相应绑定元素上的 MaxReceivedMessageSize 属性

在调用webservice返回数据的时候,?出现以下错误: 已超过传入消息(65536)的最大消息大小配额.若要增加配额,请使用相应绑定元素上的 MaxReceivedMessageSize 属性 这个就需要在调用webservice的解决方案中,在web.config或者app.config中配置一下: <?xml version="1.0" encoding="utf-8" ?> <configuration> <startup&g

[ jquery 效果 stop(stopAll,goToEnd) ] 此方法用于停止所有在指定元素上正在运行的动画,如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行

停止所有在指定元素上正在运行的动画,如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content=''.animation' is my page'> <meta ht

WPF开发日记—解决拖动行为附加到元素上的延迟

此文的前提是 结合ItemsControl在Canvas中动态添加控件的最MVVM的方式 上一篇博客讲到了我通过使用 ItemsControls 内部设置Canvs为布局面板 并在ItemContainerStyle中设置Canvs.Left, Canvas.Top. 来实现设置MVVM模式下自定义位置显示单项内容的功能. 接下来的一步要显示内容的拖动. 很抱歉的告诉大家,经过这两天的探索,我打算推翻上面的做法. 虽然可以这样用,学到了些东西,但是效果并不是很好. 原因在于,当后面我需要给 It

jQuery 判断元素上是否绑定了事件

我研究了一下之后发现,jQuery都将事件缓存起来了,其实也是为了防止内存溢出以及页面unload的时候的速度,也包括多函数触发,方便管理等诸多好处,具体可以参考此文. jQuery会在window.unload的时候卸载所有绑定过的事件,释放内存的. OK,言归正传.判断元素上是否绑定过事件用如下语句 jQuery.data(elem,"events")[type] //老版本也能用 $(elem).data("events")[type] //1.2.3以后才能