菜单

js获取成格外链样式的秘技,js获取成分样式

2019年8月31日 - Ajax

js获取成格外链样式的方法,js获取成分样式

正文实例陈说了js获取成非凡链样式的章程。分享给大家供大家参谋。具体分析如下:

相似给成分设置行内样式,如<div id=”div1″
style=”width:500px;”></div>。如要获取它的样式,就能够document.getElementById(“div1”).style.width来博取或安装。然则一旦体制是在外链link中的恐怕是页面的非洲开发银行内样式,就得到不到了。

在正规浏览器中得以通过window.getComputedStyll(obj,null)[property]来收获外链样式,但是在ie浏览器中则是透过obj.currentStyle来得到。

全体html代码如下:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<title>js获取成十一分链样式</title><base
target=”_blank”/>
<style type=”text/css”>
p {
width: 500px;
line-height: 30px;
}
</style>
<script src=”jquery/jquery-1.11.2.min.js”>
</script>
<script>
function getstyle(obj,property){
if(obj.currentStyle){
return obj.currentStyle[property];
}else if(window.getComputedStyle){
return
document.defaultView.getComputedStyle(obj,null)[property];//恐怕也得以经过window.getComputedStyle来博取样式
}
return null;
}

$(document).ready(function(){
$(“p”).click(function(){
alert(getstyle(this,”width”));
});
});
</script>

</head>
<body>
<p style=”width:750px;”>借使您点击自个儿,弹出宽度。</p>
<p>点击自个儿,弹出宽度。</p>
<p>也要点击自身~O(∩_∩)O~。</p>

</body>
</html>

指望本文所述对大家的javascript程序设计具备支持。

http://www.bkjia.com/Javascript/948878.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/948878.htmlTechArticlejs获取元素外链样式的方法,js获取元素样式
本文实例叙述了js获取成非常链样式的方法。共享给大家供我们参照他事他说加以考察。具体解析如下:
一般给…

本文实例叙述了js获取成格外链样式的不二秘诀。分享给大家供我们参谋。具体深入分析如下:

一般给成分设置行内样式,如<div id=”div1″
style=”width:500px;”></div>。如要获取它的样式,就可以document.getElementById(“div1”).style.width来获取或安装。不过一旦体制是在外链link中的或许是页面包车型地铁非洲开发银行内样式,就获得不到了。

在行业内部浏览器中得以透过window.getComputedStyll(obj,null)[property]来收获外链样式,然则在ie浏览器中则是经过obj.currentStyle来得到。

总体html代码如下:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<title>js获取成极度链样式</title><base
target=”_blank”/>
<style type=”text/css”>
p {
width: 500px;
line-height: 30px;
}
</style>
<script src=”jquery/jquery-1.11.2.min.js”>
</script>
<script>
function getstyle(obj,property){
if(obj.currentStyle){
return obj.currentStyle[property];
}else if(window.getComputedStyle){
return
document.defaultView.getComputedStyle(obj,null)[property];//恐怕也足以由此window.getComputedStyle来博取样式
}
return null;
}

$(document).ready(function(){
$(“p”).click(function(){
alert(getstyle(this,”width”));
});
});
</script>

</head>
<body>
<p style=”width:750px;”>假诺你点击自个儿,弹出宽度。</p>
<p>点击本人,弹出宽度。</p>
<p>也要点击本身~O(∩_∩)O~。</p>

</body>
</html>

指望本文所述对大家的javascript程序设计有所支持。

你或者感兴趣的小说:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图