使用'vanilla'JS在所选元素上设置CSS属性

时间:2016-08-11 18:01:15

标签: javascript css

JavaScript新手所以以下问题可能会“愚蠢”。

对于我的工作,我做了一点GreaseMonkey脚本,以使我们的电子商务商店对我们的客户服务团队更加友好。通常我会为他们设置一个新的或更好的用户界面来设置一个特殊的角色或者什么,但是对于这个当前的系统,这实际上不是一个选项。

具体而言,我选择了一些链接sum = 0 for i in range (10, 30): for j in range(i, 10*i): sum += j ,因为它们会触发一些报告功能,这些功能可以锁定后端,直到报告完成。

到目前为止,我已经让脚本加载了jQuery,这很好但不理想。然后我挖了进来,发现接口是使用YUI构建的,虽然这已经加载了,语法对我来说很奇怪,而且我不喜欢它,加上它现在不受支持了。

最近我找到了Plain JS网站,它描述了如何使用'vanilla'JS来做jQuery之类的事情。 Splendid!我想,现在我可以编写简单的JS而不需要额外的依赖项或库!但情况并非如此。

我尝试了以下内容:

visibility: hidden

我错过了什么。我可以说它应该可以工作。

2 个答案:

答案 0 :(得分:1)

您没有使用i

links_to_hide[i].style.visibility = 'hidden';

答案 1 :(得分:1)

改变这个:

for(var i = links_to_hide.length; i <= links_to_hide.length; i++){
  links_to_hide.style['visibility'] = 'hidden';
}

到此

for(var i = 0; i < links_to_hide.length; i++){
  links_to_hide[i].style['visibility'] = 'hidden';
}