Fatal编程技术网
  • javascript/
  • Javascript z-index属性未被检索，而其他属性由同一辅助函数检索 #试验{ 宽度：100px； 高度：80px； 背景颜色：黄色； 不透明度：0.5； z指数：3； } 添加属性 这是一些文本

Javascript z-index属性未被检索，而其他属性由同一辅助函数检索 #试验{ 宽度：100px； 高度：80px； 背景颜色：黄色； 不透明度：0.5； z指数：3； } 添加属性 这是一些文本

javascript css dom browser

Javascript z-index属性未被检索，而其他属性由同一辅助函数检索 #试验{ 宽度：100px； 高度：80px； 背景颜色：黄色； 不透明度：0.5； z指数：3； } 添加属性 这是一些文本,javascript,css,dom,browser,z-index,Javascript,Css,Dom,Browser,Z Index,性质 函数getStyle（el、cssprop）{ if（el.currentStyle）//IE 返回el.currentStyle[cssprop] else if（document.defaultView&&document.defaultView.getComputedStyle）//Firefox return document.defaultView.getComputedStyle（el，“”[cssprop] else//尝试获取内联样式 返回el.样式[cssprop] }

性质

函数getStyle（el、cssprop）{ if（el.currentStyle）//IE 返回el.currentStyle[cssprop] else if（document.defaultView&&document.defaultView.getComputedStyle）//Firefox return document.defaultView.getComputedStyle（el，“”[cssprop] else//尝试获取内联样式 返回el.样式[cssprop] } console.log（“1”+navigator.appVersion）； 控制台日志（“2”+导航器平台）； 控制台日志（“3”+历史记录长度）； console.log（“4”+父级.top.document.referer）； metatags=document.getElementsByTagName（“meta”）； var content=metatags[0].getAttribute（“内容”）； var mr=document.getElementById（“元刷新”）； console.log（“元刷新”+内容）； log（navigator.plugins）； log（navigator.plugins.length）； var mydiv=document.getElementById（“测试”）； log（getStyle（mydiv，'width'）； log（getStyle（mydiv，'opacity'）； log（getStyle（mydiv，'z-index'）； var d=新日期（） var n=d.getTimezoneOffset（）； 控制台日志（n）； 这是代码，所有属性（如宽度不透明度）都显示适当的值，但z-index给出了一个未定义的值。我尝试了“z-index”和“zindex”。请帮助我解决此问题

提前谢谢 斯瓦拉伊

我尝试了
z-index
以及
zindex

关闭，但它是
zIndex
。的属性（例如由
.style
或
getComputedStyle（）
返回）采用驼峰大小写。您还可以使用
.getPropertyValue（“z-index”）

console.log（mydiv.css（“z-index”）
您是否尝试了
zIndex
，因为连字符属性在JS中是驼峰式的？@Mathletics非常感谢。它很有效。 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="20000;http://new-url/" id="meta-refresh">
<style type="text/css">
#test{
width: 100px;
height: 80px;
background-color: yellow;
opacity:0.5;
z-index:3;

}
</style>
  <title>Add Properties</title>
  <!--link rel="stylesheet" href="qunit-1.12.0.css"-->
</head>
<body>
  <div id="test">This is some text</div>
  <p>Properties</p>
  <script>
  function getStyle(el, cssprop){
 if (el.currentStyle) //IE
  return el.currentStyle[cssprop]
 else if (document.defaultView && document.defaultView.getComputedStyle) //Firefox
  return document.defaultView.getComputedStyle(el, "")[cssprop]
 else //try and get inline style
  return el.style[cssprop]
}
    console.log("1"+navigator.appVersion);
    console.log("2"+navigator.platform);
    console.log("3"+history.length);
    console.log("4"+parent.top.document.referrer);
     metatags = document.getElementsByTagName("meta");  
   var content = metatags[0].getAttribute("content");
    var mr = document.getElementById("meta-refresh");
    console.log("Meta Refresh"+ content);
    console.log(navigator.plugins);
    console.log(navigator.plugins.length);
    var mydiv = document.getElementById("test");
    console.log(getStyle(mydiv,'width'));
    console.log(getStyle(mydiv,'opacity'));
    console.log(getStyle(mydiv,'z-index'));
    var d = new Date()
    var n = d.getTimezoneOffset();
    console.log(n);


    </script>
</body>
</html>