全力以赴 tags in an array and referring it

问题描述 投票:-1回答:3

我试图将<TR>标签中的所有<TABLE>标签放在一个数组中,我试图像arrayname [1],arrayname [2]那样引用它。然后我期待使用<TR>idArr[1].setAttribute("title", "myClass");标签设置一个独特的title属性

这是我写的代码,但不起作用。任何人都可以指导我的错误!

<html>
<head>
<script type="text/javascript" >
var idArr = [];
var formm=document.getElementById("form1");
var trs = formm.getElementsByTagName("tr");
alert(trs.length);
for(var i=0;i<trs.length;i++)
{
   idArr.push(trs[i].id);
   alert(idArr.innerText);
}
idArr[1].setAttribute("title", "myClass");
</script>

</head>
<body>
<form id="form1">
<table border="1">
<tr>
<td>One</td>
<td>Two</td>
</tr>
<tr>
<td>ABC</td>
<td>EFG</td>
</tr>

</table>
</form>
</body>
</html>
javascript html html-table html-parsing
3个回答
1
投票

几个注意事项:

  • 代码运行时元素不存在,
  • 你不需要阵列来做你正在做的事情。

<html>
<head>
    <title>My Page</title>
</head>
<body>
    <form id="form1">
        <table border="1">
        <tr>
            <td>One</td>
            <td>Two</td>
        </tr>
        <tr>
            <td>ABC</td>
            <td>EFG</td>
        </tr>

        </table>
    </form>

 <!-- Now your script will not run until the elements above are loaded-->
    <script type="text/javascript" >
    var formm=document.getElementById("form1");
    var trs = formm.getElementsByTagName("tr");
    for(var i = 0, len = trs.length; i < len; i++) {
        trs[i].setAttribute("title", "myClass");
    }
    </script>

</body>
</html>

所以我摆脱了额外的数组代码,我将脚本移动到页面的底部,这样它就不会运行,直到它上面的DOM加载完毕。


2
投票

我需要在javascript中动态引用每个TR元素并设置title属性。

你的代码获取tr元素并循环遍历它们很好,虽然你需要移动它(更多下面)。根本不需要阵列,这就是你遇到麻烦的地方。

你还没有说出你需要在标题中添加什么,但是直接这样做:

for(var i=0;i<trs.length;i++)
{
   trs[i].title = "The title goes here";
}

要么

for(var i=0;i<trs.length;i++)
{
   trs[i].setAttribute("title", "The title goes here");
}

titleHTMLElement实例的反射属性,这就是为什么有两种方法可以做到这一点)。

另请注意,作为userSomeNumberHere points out,您的代码在其下面的元素存在之前运行。您需要将代码移动到其操作的元素下面。


0
投票

与您帖子中的评论一样,您的代码中存在严重错误。看一下评论(// ...)

<script type="text/javascript" >
var idArr = []; //should rename to elemArr or somethink like this
var formm=document.getElementById("form1");
var trs = formm.getElementsByTagName("tr");
alert(trs.length);
for(var i=0;i<trs.length;i++)
{
   idArr.push(trs[i]); //here you push only the id and not the element
   alert(idArr.innerText);
}
idArr[1].setAttribute("title", "myClass");
</script>

但我不知道你为什么要通过trs数组并将其转换为另一个数组。你可以简单地使用这个:trs[1].setAttribute("title", "myClass");

问候!

© www.soinside.com 2019 - 2024. All rights reserved.