如何使用java脚本从主页面设置内容页上的元素样式

Question

我的内容页面上有一个id为"dashbmaindivision"的div元素我在主页上有另一个元素，onclick在主页上运行java脚本函数。该功能是将css样式添加到我的内容页面上id为"dashbmaindivision"的div元素中，但无法实现

我的内容页面的名称是仪表板

<!--this is my java script function my on master page-->
<script type="text/javascript">
function changNav() {            
document.dashboard.getElementById("dashbmaindivison").style.backgroundColor ="red"
}
</script>
<!--this is my html of my master page-->
<div style="z-index:4">
<a href="#" onclick="changNav()" id="openbtn" runat="server" style="font-size:x-large; color:white;" class="place-right"><span>&times</span></a>
</div>
<!--this is my html of my content page-->
<asp:content id="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div  id="dashbmaindivison" runat="server"> </div>
</asp:content>

我希望内容页面上id为"dashbmaindivison"的div元素的背景色样式会发生变化。

Answer 1

尝试删除.dashboard。

document.getElementById("dashbmaindivison").style.backgroundColor = "red";

Answer 2

您的javascript不工作，因为您的div是服务器端控件，您需要按如下方式执行：

var myDiv = document.getElementById("<%=dashbmaindivison.ClientID%>");
myDiv.style.backgroundColor = "red";

或者使用jquery，您可以执行以下操作：

$('[id$=dashbmaindivison]').css("backgroundColor", "red");