Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将类添加到给定元素不起作用?_Javascript_Html - Fatal编程技术网

Javascript 将类添加到给定元素不起作用?

Javascript 将类添加到给定元素不起作用?,javascript,html,Javascript,Html,我想在我的项目中使用vanilla js。我有一些函数,其中一个有问题。脚本的思想是:点击主页上的链接,重定向到其他页面;将类添加到#div1。当我点击一个链接并重定向到另一个页面时-无链接。我找不出我做错了什么 主页中的HTML: <a href="pagelink" id="view">text</a> CSS .notdisplay{display:none;}代替 hideDivOne.className += " notdisplayed"; 尝试: hid

我想在我的项目中使用vanilla js。我有一些函数,其中一个有问题。脚本的思想是:点击主页上的链接,重定向到其他页面;将类添加到#div1。当我点击一个链接并重定向到另一个页面时-无链接。我找不出我做错了什么

主页中的HTML:

<a href="pagelink" id="view">text</a>
CSS

.notdisplay{display:none;}

代替

hideDivOne.className += " notdisplayed";
尝试:

hideDivOne.classList.add("notdisplayed");
如果要删除此类,请执行以下操作:

hideDivOne.classList.remove("notdisplayed");
或切换类:

hideDivOne.classList.toggle("notdisplayed");

你的代码没有意义。。。在另一个页面上,
View
null
,因为您的链接不再位于HTML中!因此,没有执行任何操作,这不是您想要的

事实上,在主页中不需要JS。只需使用HTML链接的本机行为,将正确的URL放入
href
属性:

当您在另一个页面上时,可以使用
style
属性隐藏div。请看这个演示:

.row{
宽度:100px;
高度:100px;
}
#第一组{
背景色:红色;
}
#第二组{
背景颜色:蓝色;
}


你的JS在哪里?它链接到您的主页还是其他页面?@Badacadara JS链接到主页和其他页面page@Olchus那么你想达到什么目的呢?你想在另一个页面上隐藏“#视图”吗?@Badacadbra在单击主页上的#视图后,我想被重定向到另一个页面,其中#div1将被隐藏。问题是该函数不起作用。我不确定,但可能是因为重新加载?有可能吗?但是。。。“”怎么不是HTML?在典型的页面重新加载之后,我不需要隐藏div。我想在单击主页上的超链接并重定向到另一页时隐藏它。
hideDivOne.classList.remove("notdisplayed");
hideDivOne.classList.toggle("notdisplayed");