Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/229.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_Jquery_Menu_Accordion_Multi Level - Fatal编程技术网

如何使用javascript更改导航元素内多级手风琴菜单子菜单的背景色

如何使用javascript更改导航元素内多级手风琴菜单子菜单的背景色,javascript,jquery,menu,accordion,multi-level,Javascript,Jquery,Menu,Accordion,Multi Level,我的Html代码使用LI元素生成UL列表,UL列表位于Html代码中的NAV标记内 我想更改所有链接的背景色。为此,我需要任何JSJavaScript,它可以根据上面的代码要求,将所有LI元素放在nav元素的UL元素中 请按以下方式查找提到的ID: id=侧菜单,id=一致侧菜单 如何在javascript中同时使用div和ul标记的id,以便更改ul列表的背景颜色。要做到这一点,只需在js中使用css选择器。使用JQUERY $("#sidemenu ul").css("background-

我的Html代码使用LI元素生成UL列表,UL列表位于Html代码中的NAV标记内

我想更改所有链接的背景色。为此,我需要任何JSJavaScript,它可以根据上面的代码要求,将所有LI元素放在nav元素的UL元素中

请按以下方式查找提到的ID:

id=侧菜单,id=一致侧菜单


如何在javascript中同时使用div和ul标记的id,以便更改ul列表的背景颜色。

要做到这一点,只需在js中使用css选择器。使用JQUERY

$("#sidemenu ul").css("background-color", "black");

我曾经在这里问过一个问题,我们如何在运行时通过代码中的外部CSS文件更改特定组件样式的样式表

需要将多级菜单更改为水平导航栏

我用了这么多的资源试过,但没有成功

几天后,我在youtube上找到了一个资源并获得了成功

我把代码放在这里作为解决方案

HTML代码:

<head>
<link id="pagestyle" rel="stylesheet" type="text/css" href="default.css">
<script>
function swapStyleSheet(sheet){
    document.getElementById('pagestyle').setAttribute('href', sheet);
}
</script>
</head>




<body>
<h2>Javascript Change StyleSheet Without Page Reload</h2>
<button onclick="swapStyleSheet('dark.css')">Dark Style Sheet</button>
<button onclick="swapStyleSheet('blue.css')">Blue Style Sheet</button>
<button onclick="swapStyleSheet('default.css')">Default Style Sheet</button>
</body>
dark.css代码:

氢{ 字体大小:40px; 颜色:黑色 }

default.css代码

氢{ 字体大小:35px; 颜色:绿色

} blue.css代码

氢{ 字体大小:30px; 颜色:蓝色

} 正如我所读到的,在Bootstrap中,我们可以通过单个scss文件来完成,但我是Bootstrap中的新手


我希望,这段小代码会有用。

欢迎使用SO。你被否决了,因为你没有包括任何HTML或JS,你试图回答你的问题。你可能会发现阅读这个网站对你有帮助。为了获得您问题的最佳答案,我们希望看到a您首先尝试自己解决问题,b使用a缩小问题范围。