为什么getElementsByClassName不起作用
Why getElementsByClassName does not work?
我试图检测屏幕分辨率,然后为多个屏幕分辨率设置位置(如顶部、左侧),但它不起作用。有人知道我的代码出了什么问题吗?
CSS:
.Scrolloutside
{
position:relative;
left: 550px;
}
javascript:
var nHeight = screen.height;
var nWidth = screen.width;
if (nHeight ==714 && nWidth==1005)
{
//document.write("height:"+nHeight+" ,width="+nWidth+"<br>");
var newsTarget = document.getElementsByClassName('Scrolloutside');
newsTarget.style.top= "500px";
}
html:
<div class = "Scrolloutside">
<div class="scroller_title">News</div>
<div class="scroller_container">
<div class="jscroller2_up">
<?
echo $secnews;
?>
</div>
</div>
</div>
</div>
document.getElementsByClassName()
返回一个nodeList
或HTMLCollection
,它们都是元素列表,而不是单个元素。即使只有一个匹配元素,它仍然返回一个只有一个项目的列表。因此,您必须获取列表中的第一个项目,或者遍历整个列表(取决于您的代码想要什么)。
从列表中获取第一个项目(如果您可以假设只有一个项目具有类名):
var newsTarget = document.getElementsByClassName('Scrolloutside');
newsTarget[0].style.top= "500px";
或者遍历列表(如果可能有多个项目具有该类名):
var newsTarget = document.getElementsByClassName('Scrolloutside');
for (var i = 0; i < newsTarget.length; i++) {
newsTarget[i].style.top= "500px";
}
用作
newsTarget[0].style.top= "500px";
getElementsByClassName()
方法返回文档中具有指定类名的所有元素的集合,作为NodeList对象。
NodeList对象表示节点的集合。节点可以通过索引号进行访问。索引从0 开始
在页面底部使用此选项。
newsTarget[0].style.top= "500px";
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- 监视函数从服务返回不起作用,但作用域函数起作用
- 幻灯片滚动javascript不起作用
- 简单的javascript在Shopify中不起作用
- Recaptcha在IE7和IE8中不起作用
- Ember Data DS.Model's set函数不起作用
- JsFiddle上的鼠标事件不起作用
- 我的AngularJS表达式没有'不起作用
- 点击按钮输入不起作用
- 面向对象的Javascript代码在IE7中不起作用
- 分部隐藏在jquery中不起作用
- 在phonegap应用程序内部重定向不起作用
- Array.length似乎不起作用;console.log则显示其他情况
- $ionicplatform内的$scope不;不起作用
- 我的javascript for循环不起作用
- Meteor-添加用户自定义字段的方法不起作用
- 为什么 .focus() 不起作用,而 .css(“color”,“red”) 在同一个选择器上起作用
- Textarea必需的attribut在javascript中不起作用
- 为什么javascript:void(0)在Firefox中不起作用
- 退出全屏不起作用