<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<style>
#one {
color: red;
width: 150px;
border: 1px solid blue;
}
#but {
color: blue;
width: 100px;
border: 1px solid red;
}
</style>
<script>
function cssrule(a, b) {
var a = a || 0;
var b = b || 0;
if (!!documentall) {
return documentstyleSheets[a]rules[b]style;
} else {
return documentstyleSheets[a]cssRules[b]style;
}
}
consolelog(cssrule()width);
consoledebug(cssrule(0, 1)width);
windowonload = function() {
var one = documentgetElementById("one");
var but = documentgetElementById("but");
butonclick = function() {
oneclassName = 'div2';
}
}
</script>
</head>
<body>
<div id="one">11111111111111</div>
<div id="but">22222222222222</div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
#pic {
margin-top: 16px;
display: none;
}
hover {
background: #999;
}
</style>
<script type="text/javascript">
windowonload = function ()
{
var oDiv = documentgetElementById ('con');
var oLi = oDivgetElementsByTagName ('li');
var aDiv = documentgetElementById ('right');
var lDiv = aDivgetElementsByTagName ('div');
var anonymous = function (i)
{
oLi[i]onmouseover = function ()
{
if (oLiindex >= 0)
{
oLi[oLiindex]className = '';
lDiv[oLiindex]styledisplay = 'none';
}
thisclassName = 'hover';
lDiv[i]styledisplay = 'block';//就是这一行代码出错了，无法获取未定义或 null 引用的属性“style”，但是鼠标移上去所有的div都隐藏了，实在是不知道原因，请大侠们指点一二；
oLiindex = i;
}
};
for ( var i = 0; i < oLilength; i++)
{
anonymous (i);
}
};
</script>
</head>
<body>
<h3>JS实现Tab选项卡效果</h3>
<div id="con">
<div id="left">
<ul id="list">
<li class="hover"><img src="01jpg" /></li>
<li><img src="08jpg" /> <a href="#">服部平次</a></li>
</ul>
</div>
<div id="right">
<div id="pic" align="middle" style="display: block;">
<img src="1jpg" />
</div>
<div id="x" align="middle" style="display: block;">
</div>
</div>
</div>
</body>
</html>
<style>
#Div{width:100px;}
</style>
<div id="Div" style="height:100px;">
测试
</div>
这样一个例子
style不仅能取得style的样式，还能设置样式
currentStyle和getComputedStyle只能获取值而不能设置。
var dom = documentgetElementById("Div");
consolelog(domstyle);;//只能获取到style属性里面的，通过class或者id设置样式则获取不到
consolelog(domcurrentStyle);//仅限ie使用，可以获取class或者id设置的样式
consolelog(windowgetComputedStyle(dom));//ff，chrome使用，可以获取class或者id设置的样式
大概就这些区别吧。
js获取对象中没有的属性解决办法，Js获取元素样式值(getComputedStyle¤tStyle)兼容性解决方案tyle(documentgetElementById(id)styleXXX)只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的 一般js获取内部样式和外部样式使用
以上就是关于javascript无法获取属性"style"的值 对象为null或未定义全部的内容，包括:javascript无法获取属性"style"的值 对象为null或未定义、自己做的js选项卡报错，无法获取未定义或 null 引用的属性“style”是什么原因、js中style，currentStyle和getComputedStyle的区别等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）