style.display 为 null - 尝试循环数组并更改显示属性

发布于 2024-11-16 08:56:45 字数 784 浏览 3 评论 0原文

我的另一个新手问题。

只是检查我下面的代码是否可行。即创建一个由“document.GetElementById's”组成的新数组。由于我对 javascript 相当陌生，所以我的代码通常有点冗长，所以请原谅我的混乱。

下面的代码引发错误“style.display”为“null”或不是对象。任何人都可以看到我遗漏或做错的明显事情吗？

function Test(){

if(document.getElementById('inClient').value !=="FormViewer"){

    var visible =new Array("document.getElementById('personal2').value","document.getElementById('change_hours2').value");
    var change = new Array("document.getElementById('personal').value","document.getElementById('change_hours').value");

    for (var i=0; i <visible.length; i++) {
        if(visible[i]!==""){
            change[i].style.display = "block"
         }
      }
   }
}

基本上，如果隐藏字段（“personal2”等）为空，我希望 div/部分（“个人”等）保持隐藏，但如果它包含文本，那么我想显示该部分。

提前致谢

原文

Another newbie question from me.

Just checking whether my code below is possible. I.e creating a new array consisting of 'document.GetElementById's'. As i'm fairly new to javascript my code is generally a bit long winded, so please forgive the messiness.

The code below is bringing up the error 'style.display' is 'null' or not an object.
Can anyone see anything obvious i'm missing or doing wrong?

function Test(){

if(document.getElementById('inClient').value !=="FormViewer"){

    var visible =new Array("document.getElementById('personal2').value","document.getElementById('change_hours2').value");
    var change = new Array("document.getElementById('personal').value","document.getElementById('change_hours').value");

    for (var i=0; i <visible.length; i++) {
        if(visible[i]!==""){
            change[i].style.display = "block"
         }
      }
   }
}

Basically if the hidden fields ('personal2' etc) are blank i want the div / section ('personal' etc) to remain hidden but if it contains text then i want to show the section.

Thanks in advance

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

俏︾媚 2024-11-23 08:56:45

您正在将字符串添加到数组中，而不是对 DOM 元素的引用。删除引号和 value 属性，它将起作用。您必须检查迭代中的值。

function Test(){

if(document.getElementById('inClient').value !=="FormViewer"){

    var visible =new Array(document.getElementById('personal2'), document.getElementById('change_hours2'));
    var change = new Array(document.getElementById('personal'), document.getElementById('change_hours'));

    for (var i=0; i <visible.length; i++) {
        if(visible[i].value != ""){
            change[i].style.display = "block"
         }
      }
   }
}

You are adding strings to your array instead of references to DOM elements. Remove the quotes and the value property and it will work. You have to check the value within the iteration.

function Test(){

if(document.getElementById('inClient').value !=="FormViewer"){

    var visible =new Array(document.getElementById('personal2'), document.getElementById('change_hours2'));
    var change = new Array(document.getElementById('personal'), document.getElementById('change_hours'));

    for (var i=0; i <visible.length; i++) {
        if(visible[i].value != ""){
            change[i].style.display = "block"
         }
      }
   }
}

回复收藏 0 原文

菩提树下叶撕阳。 2024-11-23 08:56:45

你应该像这样使用，没有双引号，它应该可以工作。

 var visible =new Array(document.getElementById('personal2').value,document.getElementById('change_hours2').value);
    var change = new Array(document.getElementById('personal').value,document.getElementById('change_hours').value);

You should use like this, no double qoutes, it should work.

 var visible =new Array(document.getElementById('personal2').value,document.getElementById('change_hours2').value);
    var change = new Array(document.getElementById('personal').value,document.getElementById('change_hours').value);

回复收藏 0 原文

~没有更多了~