/**
*获取页面某个元素当前的样式:(譬如获取当前INPUT的宽度,border的样式、border颜色等)
*@param domID 文档对象的ID 或者直接传DOM文档对象
*@param propName 样式属性
*@return 返回当前元素的样式
*注意:propName不要聚合写法(eg:borer),要分拆写法(eg:borderStyle 只支持IE),越详细越好(eg:borderLeftStyle 支持所有浏览器)
*
*/
getStyle = function(domID,propName){
var dom = null;
if(typeof(domID)=="object" && !!domID.tagName==true){
dom = domID;//直接传递文档对象
}else{
dom = document.getElementById(domID);//传递文档对象的ID
}
if(dom==null){return "";}
//兼容IE,chrome,FF等浏览器的写法:【 注意属性写法规则:严格要求写全名称,否则失效返回"" 】
var currentStyle = dom.currentStyle ||document.defaultView.getComputedStyle(dom,null);
return currentStyle[propName] ||"";
}
#测试:
var id ="txt_id";//INPUT标签的ID
JSLogger.log("border = "+getStyle(id,"borderLeftWidth"));//all yes
JSLogger.log("border = "+getStyle(id,"borderLeftStyle"));//all yes
JSLogger.log("border = "+getStyle(id,"borderLeftColor"));//all yes
JSLogger.log("border = "+getStyle(id,"width"));//all yes
//IE可以使用下边的写法
JSLogger.logHTML("border = "+getStyle(id,"border"));//【all no 所有浏览器都不支持这种写法】
JSLogger.logHTML("border = "+getStyle(id,"borderStyle"));//only IE yes
JSLogger.logHTML("border = "+getStyle(id,"borderWidth"));//only IE yes
JSLogger.logHTML("border = "+getStyle(id,"borderColor"));//only IE yes
愤怒的coder - 钓鱼岛是中国的固有领土。
分享到:
相关推荐
angularjs,ng-repeat循环渲染时,无法获取dom对象
谷歌获取dom插件 ,只要能分析页面dom ,就能爬取你想要的信息,包括简历等 , js编写
DOM对象.doc,DOM对象.doc,DOM对象.doc,DOM对象.doc,DOM对象.doc,DOM对象.doc,DOM对象.doc
DOM — DOM对象继承关系1
对象介绍,全局,基本,DOM对象,TXT阅读文档 对象介绍,全局,基本,DOM对象,TXT阅读文档 对象介绍,全局,基本,DOM对象,TXT阅读文档 对象介绍,全局,基本,DOM对象,TXT阅读文档 对象介绍,全局,基本,DOM...
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
document 对象.html-javascript中DOM对象内容
DOM对象对于js来说,是个很基础的元素,我们写js一般来说,都一定会对它进行操作。我们可以很方便地给它加上自定义的属性,比如: <div id=test class=hello></div> var test = document.getElementById(test); ...
DOM对象应用;学习目标;任务1 认识DOM对象;Web API是浏览器提供的一套操作浏览器功能和页面元素的接口。JavaScript语言由3部分组成,分别是ECMAScript、BOM和DOM,其中ECMAScript是JavaScript语言的核心,而Web API...
javaScript 生成DOM 对象(html标签) DHTML(html 的 DOM对象)
主要介绍了JavaScript实现获取dom中class的方法,涉及javascript操作dom节点的使用技巧,需要的朋友可以参考下
千锋Web前端教程_61_dom_获取当前样式
比较全的 BOM和DOM对象介绍
XML DOM 对象方法 中文手册 chm
jquery 基本 层级 控制器 可见性 属性 子元素 表单对象属性 dom对象 等详细的一些操作~ 详细 简单~易懂 实用!
W3School 为您提供完整的 XML DOM 参考手册,其中包括所有的 XML DOM 对象以及它们的属性和方法。 在对象的属性及方法的描述页面中,提供了关于属性和方法的详细信息,包括定义用法、语法,以及实例代码。 此外,...
XMLDOM对象方法手册 博文链接:https://knight.iteye.com/blog/44413
XMLDOM对象方法手册.chm+XPath.chmXMLDOM对象方法手册.chm+XPath.chm
DOM对象模型(PDF)
③可以通过样式名称获取DOM对象,例如 $(“.classa”); ④可以通过attribute匹配获取DOM对象,例如 $(“[data-log]”),$(“[data-time=2015]”); ⑤可以通过层叠组合获取DOM对象,例如 $(“#adom .classa”); ...