javascript - 如何使用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";