互斥的div元素 [英] mutually exclusive div element

问题描述

我有两个div元素如下。

i想让它们互相排斥......比如当我点击高优先级div时，低优先级背景颜色应该改变，反之亦然。

i have a two div elements as follows.
i want to make them mutually exclusive...like when i click on high priority div,low priority background color should change and vice versa.

<table>
        <tr>
            <td>
                <div id="divHighPriority"  önclick="high();">
                    <asp:Label runat="server" ID="lblHighPriority" Text="High Priority"></asp:Label>
                    <asp:ImageButton ImageUrl="../Images/High.JPG" runat="server" ID="imgBtnHigh" ToolTip="High Priority" />
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div id="divLowPriority"  önclick="low();">
                    <asp:Label runat="server" ID="lblLowPriority" Text="Low Priority"></asp:Label>
                    <asp:ImageButton ImageUrl="../Images/Low.jpg" runat="server" ID="imgBtnLow" ToolTip="Low Priority" />
                </div>
            </td>
        </tr>
    </table>

推荐答案

尝试如下。

Try like below.

function high()
{
    var lowDiv = document.getElementById("divLowPriority");
    lowDiv.style.backgroundColor = '#FFFFFF'; // assign any color.
}

function low()
{
    var highDiv = document.getElementById("divHighPriority");
    highDiv.style.backgroundColor = '#FFFFFF'; // assign any color.
}

这篇关于互斥的div元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！