Javascript 无法从数组获取 document.getElementById ('cs' )-6ren

Javascript 无法从数组获取 document.getElementById ('cs' )

转载作者：行者123 更新时间：2023-12-01 01:39:19

25

4

编辑:这就是我的代码当前的样子。它仍然不起作用。

<head>
<script>
window.onload = myload()
var ids[]
function myload() { 
      alert("hi")
      ids = [document.getElementById('bs'),
        document.getElementById('cs'),
        document.getElementById('ds')
      ]

    }

function border(){
    ids[1].style.border = "9px";
}
</script>
</head>
<body> //elements definded here </body>

<小时/>

我正在尝试编写一个函数，以一定的间隔更改图像列表的边框。但是，我似乎无法让它发挥作用。我正在尝试执行以下操作:

<head>
<script>
var ids = [document.getElementById('a'), 
           document.getElementById('b'), 
           document.getElementById('c')]

function(x){
    ids[x].border = "9px";
}
</script>
</head>
<body> //elements definded here </body>

但它没有运行。但是，当我运行时:

document.getElementById('a').border = "9px"

它确实有效。我猜我没有从数组中正确调用它。我做错了什么？

编辑:在数组中修复了两次“a”。

最佳答案

在函数(x)出现之前回答原来的问题

[1] 是 b，因为 JS 数组从 0 开始
我期望 style.border。
必须在对象渲染后定义数组。
如果脚本标记中的数组位于具有 id 的元素之前a,b,c 存在那么你会得到等于[未定义，未定义，未定义]

window.onload = function() { // or addEventHandler OR put script before </body>
  var ids = [document.getElementById('a'),
    document.getElementById('b'),
    document.getElementById('a')
  ]
  ids[1].style.border = "9px solid black"; // the second element
}

<div id="a">A</div>
<div id="b">B</div>
<div id="c">C</div>

使用函数:

var ids=[]; // this is now global in scope

function setIt(idx) {
  ids[idx].style.border = "9px solid black";
}

window.onload = function() { // or addEventHandler OR put script before </body>
  ids = [document.getElementById('a'),
    document.getElementById('b'),
    document.getElementById('a')
  ]
  setIt(1);  // the second element
}

<div id="a">A</div>
<div id="b">B</div>
<div id="c">C</div>

修复代码

window.onload = myload; // removed ()
var ids=[]; // missing an equals

function myload() {
  alert("hi")
  ids = [document.getElementById('bs'),
    document.getElementById('cs'),
    document.getElementById('ds')
  ]
  border();
}

function border() {
  ids[1].style.borderWidth = "9px"; // just setting border is not enough
}

div { border: 1px solid red }

<div id="bs">A</div>
    <div id="cs">B</div>
    <div id="ds">C</div>

关于Javascript 无法从数组获取 document.getElementById ('cs' )，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52559976/

25

4

0

文章推荐： javascript - 如何使用 Php 在 php 中附加 Json 文件

文章推荐： javascript - "Content-Range"响应 header 对于 JavaScript 不可见

文章推荐： WCF REST Svc GET 返回 HTML

c# - 在另一个 .cs 文件类中使用一个 .cs 文件类中的方法
我有 2 个 .cs 文件，每个文件中都有一个类。如何在 Form2.cs 中的另一个类中调用 Form1.cs 中的一个类中的方法？看起来像这样...... Form1.cs public par
c - 指针移动 cs[1] 和 *cs++ 有什么区别
我正在尝试了解指针的移动方式。以下是程序，我知道如果 int cs={1,2,3}; 然后cs指向cs[0]我不清楚的是 *cs 指向什么。 #include int main() {
c# - 如何将 Startup.cs 合并到 Program.cs
我是 ASP.NET Core 新手。我正在使用 ASP.NET Core 7。我读到在 ASP.NET Core 7 中他们删除了 Startup.cs。有人可以告诉我如何在此示例中将 Startu
c# - 如何将简单的 .cs 文件组合成一个 .cs 文件，所有用途都在顶部以便编译
所以我知道一般来说，这是不可能的，因为Jon Skeet said so . 但是我的 .cs 文件是简单的类，在顶部有一个或两个 usings。我需要一个包含所有类的文件，这样我就可以将它作为单个文
cs-cart - 我正在尝试向 CS-cart 添加一个新网关，当我从网关发回时似乎遇到了麻烦
到目前为止，基本上我的脚本将值发送到网关，然后被重定向到 CS 购物车。在该页面中，我获取返回的值并对其进行操作。我使用 fn finish 和 fn 更改订单状态来完成订单，但无论我做什么，我都会
.net - 以 .cs 结尾但不以 .g.cs 结尾的字符串的正则表达式
我需要一个匹配所有以 .cs 结尾的字符串的正则表达式，但如果它们以 .g.cs 结尾，则它们不应该匹配。我正在使用 .NET 正则表达式。最佳答案如果是 .cs 而不是 .g.cs，这将匹配结尾
cs-cart - 我正在尝试向 CS-cart 添加一个新网关，当我从网关发回时似乎遇到了麻烦
到目前为止，基本上我的脚本将值发送到网关，然后被重定向到 CS 购物车。在该页面中，我获取返回的值并对其进行操作。我使用 fn finish 和 fn 更改订单状态来完成订单，但无论我做什么，我都会
c# - 连接 Program.cs 和 Form.cs
我的 Form.cs 中有一个函数，我想在我的 program.cs 中调用它但是如果函数不是静态的，program.cs就不能用了。如果它是静态的，则 Form.cs 无法使用它，因为它涉及非静态
c# - 将 Designer.cs 重新附加到 mainform.cs
因此，当我抓取不同解决方案的一些文件并将它们粘贴到不同的解决方案中时，我的 Mainform 和设计师分离了。如果我运行我的程序，表格会正确显示，但是当我在设计模式下查看我的表格时，它是一个空白表格。
c# - 如何部署对 cs 文件 (ascx.cs) 进行更改的单个用户控件
我有一个用户控件 (UserControl1.ascx)，我对其 cs 文件进行了更改。UserControl1.ascx 正被两个或多个使用 LoadControl 的 aspx 文件使用.我不想部
c# - Xamarin Forms 项目中以 *CS.cs 结尾的文件的用途是什么？
我正在学习一些 Xamarin 开发。当我研究 Xamarin 项目的例子时，like this one ，我有时会看到一个页面有一个与 xaml 文件及其代码隐藏文件同名的神秘文件，但以 *CS.c
asp.net-mvc - 删除 *.cs、*.Designer.cs 代码隐藏文件？
是的，这有点毫无意义，但我想知道......我的 MVC 应用程序中所有这些代码隐藏文件都困惑了。据我所知，我需要这些文件的唯一原因是告诉 ASP.NET 我的页面是从 ViewPage 而不是 Pa
c# - aspx.cs 和 aspx.designer.cs 在哪里
我已经从一个不再可用的人那里继承了一个网站。在已部署的文件夹中，我有 Config.aspx(请参阅代码)。但是我找不到代码隐藏文件。配置页面有效。我在哪里可以找到 .cs 文件？谢谢
c# - 如何从 myRibbon.cs 调用 ThisAddIn.cs 类的方法
在为 Outlook(或其他潜在的 Office 程序)开发插件时，在主类上调用方法可能很有用，但是如何从事件处理程序(例如功能区中的 button_click 事件)中执行此操作。最佳答案使用:
c# - UWP app .cs 文件从 xaml.cs 继承静态变量
我已经创建了 PlayPage.xaml、PlayPage.xaml.cs 和 Game.cs 文件。PlayPage.xaml.cs 有两个变量，windowWidth 和 windowHeight
c# - .xaml.cs 和 ViewModels/ViewModel.cs 有什么区别？
我一直在关注使用 Caliburn Micro 的 MVVM 模式教程 https://www.youtube.com/watch?v=laPFq3Fhs8k .xaml.cs 和 ViewModel
C#:如何在 form.cs 中引用 Program.cs 中的内容？
我试图将一个值(来自一个对象)放在一个变量中，并将它放在一个表单的文本框中。表单代码如下: public Form1(Deck mainDeck) { InitializeC
c# - 在 form1.cs 和 program.cs 之间传递数据
我知道这很基础，但我找不到任何关于如何在 MSDN、Google 搜索和 stackoverflow 之间执行此操作的指南/教程。我创建了一个新的 Windows 窗体应用程序，这里我有 Progr
c# - T4MVC 正在生成 T4MVC.cs 和 T4MVC1.cs
VS2017 15.4.1 ASP.NET MVC 5.2.3 T4MVC 4.0.0 AutoT4MVC 1.5.3 再加工者我在这个项目中已经使用 T4MVC] 好几个月了，没有任何问题。然而，
c# - .NET 核心将命令行参数从 Program.cs 传递到 Startup.cs
我正在尝试配置 kestrel，以便当它处于原始模式时在特定端口上运行。但是这样做似乎 launchsettings.json 需要传递命令行参数才能这样做，因为没有直接选项并且它总是在端口 5000

首页

博学

6Ren·AI

商城

Javascript 无法从数组获取 document.getElementById ('cs' )