点击改变delelist的颜色

最新推荐文章于 2021-12-18 20:19:32 发布

weixin_33939380

最新推荐文章于 2021-12-18 20:19:32 发布

阅读量81

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/a1235202005/archive/2012/09/05/2672158.html

本文提供了一个简单的JavaScript函数ChuanZhi，用于在HTML页面上通过id值动态切换元素的背景颜色和字体颜色。通过实例展示了如何使用此函数在用户点击不同id值的元素时改变它们的样式。

 function ChuanZhi(zhi) {
            var bian = document.getElementById("bian").value;
            if (bian.toString() == "") {
                bian = zhi;
            }
            document.getElementById(bian).style.backgroundColor = "#66CCFF";
            document.getElementById(bian).style.color = "#000000";
            document.getElementById("FuZhi").value = zhi;
            document.getElementById("bian").value = zhi;
            document.getElementById(zhi).style.backgroundColor = "#0066CC";
            document.getElementById(zhi).style.color = "#FFFFFF"; 
        }

<asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal"
                RepeatColumns="7" Height="31px">
                <ItemTemplate>
                    <div id="<%#Eval("id") %>" onclick="ChuanZhi(<%#Eval("id") %>)" style="width: 80px;
                        height: 30px; line-height:30px; text-align: center; background-color: #66CCFF">
                        <%#Eval("ZhongWenMing")%>
                    </div>
                </ItemTemplate>
            </asp:DataList>

<input type="hidden" id="bian" />
        <input type="hidden" id="zhoushu" />

转载于:https://www.cnblogs.com/a1235202005/archive/2012/09/05/2672158.html