Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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 JS中的树视图(纯HTML/CSS/JS)问题_Javascript_Html_Css_Treeview - Fatal编程技术网

Javascript JS中的树视图(纯HTML/CSS/JS)问题

Javascript JS中的树视图(纯HTML/CSS/JS)问题,javascript,html,css,treeview,Javascript,Html,Css,Treeview,我对纯HTML/CSS/JS文件中的树视图有一个问题。 我可以成功地使用HTML/CSS创建树视图,并从w3school获得帮助,您可以在此处看到我的代码: html文件: var toggler=document.getelementsbyclassnamecret; var i; 对于i=0;i

我对纯HTML/CSS/JS文件中的树视图有一个问题。 我可以成功地使用HTML/CSS创建树视图,并从w3school获得帮助,您可以在此处看到我的代码: html文件:

var toggler=document.getelementsbyclassnamecret; var i; 对于i=0;i这里的问题是您正在ul元素上绑定事件。当单击发生时,它使用this.parentElement这是click绑定的元素,因此它比您需要的更高的html级别。将插入符号类放置在li中的元素上。下一个问题是,他们使用的是span元素,而您使用的是默认情况下执行重定向的元素,因此也需要停止转发。

首先,您的JS是正确的,这个this.parentElement.querySelector.nested始终以第一个为目标,只需尝试从中删除插入符号类并将其放入其中
我的朋友,我读了你的参考链接,但我一步一步地写了这个链接我是js新手,我想通过创建一些东西来学习,所以如果你能以另一种方式帮助我,我真的很感激你,好吧,我们必须更深入一些:。这里的问题是您正在ul元素上绑定事件。但在示例中,事件绑定到ul元素中的元素,因此this.parentElement返回正确的元素和嵌套类谢谢我的朋友解决了我的问题