2017-02-15 65 views
0

我有这个javascript代码不运行在书签的形式。代码做的是选择类“btn”的所有元素,并使用javascript的click()函数点击它。 的代码是:不能在浏览器小书签中运行javascript循环?

javascript:(
    function(){ 
     alert('started'); 
     var tn = document.getElementsByClassName('btn'); 
     for (var i=0;i<tn.length; i++) { 
      tn[i].click(); 
     } 
     alert('ended'); 
    } 
) 
() 

而且我正在测试其导通

<button class="btn" onclick="alert('1')">Click</button> 
<button class="btn" onclick="alert('2')">Click</button> 
<button class="btn" onclick="alert('3')">Click</button> 
<button class="btn" onclick="alert('4')">Click</button> 

的第一个和最后警报(陈述和结束)显示,但HTML按钮,甚至没有点击,因为我没有看到警报。 Chrome控制台显示没有错误。

在身体的最后粘贴此代码按预期工作:

</script> 
    alert('started'); 
    var tn = document.getElementsByClassName('btn'); 
    for (var i=0;i<tn.length; i++) { 
     tn[i].click(); 
    } 
    alert('ended'); 
</script> 

我相信有一些可怕的错误在我的代码的语法或格式或一些愚蠢的错误,我无法弄清楚直到现在我自己。

注:我没有太多的JavaScript经验,我正在搞这个2个月,所以请原谅我的愚蠢。

回答

1

检查document.getElementsByClassName('btn')是否返回任何元素。可能是你的测试设置有问题。

+0

经过测试,我发现了一些愚蠢的东西。不知何故,我设法在我的问题中粘贴错误的测试代码。实际的代码有一些函数名拼写错误。我的坏 –

1

你是如何添加小书签的? 与我一切工作正常。

刚刚用一些按钮创建了一个小页面,你的代码工作正常。

确保您正确创建书签。

  • 在Chrome中,单击书签 - >书签管理器。
  • 您应该看到一个新选项卡,其中列出了书签和文件夹。
  • 选择左侧的“书签标签”文件夹。
  • 点击“组织”链接,然后点击下拉菜单中的“添加页面”。
  • 你应该看到两个输入字段。在第一个字段中键入您想要的书签的名称(即CBT启动器)。

希望它有效。

+0

我在括号内创建了这个,并通过右键>在书签栏上添加页面将其添加到浏览器。 –

+0

我想通了,不知何故,我设法在我的问题中粘贴错误的测试代码。实际的代码有一些函数名拼写错误。 –

相关问题