Question

JSP JS 动态改变div

以下是一块灰色的画布及其下拉菜单的JSP代码
<div id="grey" class="col-xs-6 col-md-3">
<canvas id="canvas4" style="background:#CCC;height:100px;width:200px;border:5px gray solid;margin-top:15px;" id="canvas4"> </canvas>
<div id="grey_down" class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" style="width:200px;">
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><button id="grey_delete" class="btn btn-link btn-sm" onclick="del(this.parentNode.parentNode.parentNode.parentNode)" >删除</button></li>
<li id="grey_li" role="presentation"><button id="grey_open" class="btn btn-link btn-sm" onclick="op(this.parentNode.parentNode.parentNode.parentNode)" >启用</button></li>
</ul>
</div>
</div>
现在想要实现 点击启用后 将其画布颜色变为绿色 且下拉菜单变为：删除、停用 。我会改变上面这一块画布的，但整个屏幕不是只有这一个画布 而是有很多，每一个点击启用后都能改变自己的颜色和下拉菜单，请问这个怎么实现？
我另外写了一个绿色的画布以及其下拉菜单 可以点击启用然后将整个灰色的画布变成那块绿色的花布但是里面的文字不变吗

Answer 1

这个你说一大堆，我们也看不懂你要说什么，建议你自己多去虾米站长学学js吧，或者你说得明了点看我们能帮助你不。