在我的javascript按钮上使用css插入颜色

我想在我的代码中加入CSS设计。父按钮为绿色，子按钮为黄色。当我单击主按钮中的子按钮时，主按钮仅亮起绿色

主按钮
函数myFunction（btn）{
var x=document.getElementsByTagName（“按钮”）；
var i；
对于（i=0；i

可能只是语言障碍问题（请继续练习！），无法正确解释您的问题所在-以下是一份清单，供您在将来提问时参考：

• (✕ - 未能传达您的问题）
• (✓ - 您确实提供了一些自己的代码）

有空的时候，我试探了一下你的要求。 所有元素样式都是在css中定义的（如果可能的话，应该是这样）。做了一些有用的评论以防混淆。祝你好运

---

|下面的片段

//获取元素引用-一次
var btnMain=document.getElementById（“btnMain”），
ulRoot=document.getElementById（“ulChildren”）；
变量深度_MAX=4；
//事件处理函数
函数click_CreateChild（）{
var parent=this.parentNode，
children=parent.childNodes，
列表=空；
//计数节点深度
var current=父级，
深度=0；
while（当前！=ulRoot）{
if（current.nodeName==“UL”）
深度++；
current=current.parentNode；
}
//是否可以添加深度约束？
如果（深度>=最大深度）
返回；
//查找ul元素
对于（变量i=0；i
ul{
列表样式：无；
保证金：0；
填充：0；
}
ul li>ul{
保证金：0.33em0；
左：1米；
左边框：1px实心#bbb；
}
ulli{
左侧填充：2px；
位置：相对位置；
}
钮扣{
颜色：白色；
边框：1px实心#ccc；
大纲：0；
光标：指针；
填充：0.25em 0.5em；
}
/*根据深度添加一些颜色。最后定义的深度颜色定义将继承给该定义之外的任何子级*/
ul按钮{背景色：#c0392b；}
ul按钮{背景色：#f39c12；}
ul按钮{背景色：#28b363；}
ul按钮{背景色：#2981ba；}
ul按钮{
背景色：透明；
颜色：黑色；
边界：0；
游标：默认值；
}
/*等等*/


根

删除该行：btn.className=“parent”@ymz：它不会起作用，瑟旺；t work是对问题的错误描述+您的代码段不起作用。。请修复它并描述问题：）先生，对不起，我不知道代码片段有什么问题，但代码在我的浏览器中工作。我使用sublime作为文本编辑器上传到JSFIDLE并在这里发布链接（在评论部分内）