创建母版页导致js出现“ 'document.getElementById(...)' 为空或不是对象”错误

在JS里写了一句document.getElementById("Button1").click();但是报错“'document.getElementById(...)' 为空或不是对象”

原因:

       (1)在ASP.NET创建母版页时,给页面套上该模板以后,asp:content控件里的控件编译以后,生成的html控件的ID和源文件中控件ID不同,被强制加上了ContentPlaceHolderMain_前缀,这样ID就变成了ContentPlaceHolderMain_Button1,自然是取不到

       (2)给控件加上了 ClientIDMode="Static"  问题就解决了

                但是需要隐藏控件,给button加上了visible="false",发现又报那个错。。。坑死爹

(3)最终去掉visible=“false”,给控件加上了Width="0px"  BorderWidth="0px"  ,视觉上就做到隐藏了

~~~~~~~~~~~~~~~~~~~~~OK~~~~~~~~~~~~~~~~~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的ASP.NET母版模板的代码示例: ```aspx <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="MyWebApp.SiteMaster" %> <!DOCTYPE html> <html> <head runat="server"> <title><asp:ContentPlaceHolder ID="TitleContent" runat="server"></asp:ContentPlaceHolder></title> </head> <body> <form id="form1" runat="server"> <div id="header"> <!-- 头部内容 --> <asp:ContentPlaceHolder ID="HeaderContent" runat="server"></asp:ContentPlaceHolder> </div> <div id="nav"> <!-- 导航内容 --> <asp:ContentPlaceHolder ID="NavigationContent" runat="server"></asp:ContentPlaceHolder> </div> <div id="content"> <!-- 面内容 --> <asp:ContentPlaceHolder ID="MainContent" runat="server"></asp:ContentPlaceHolder> </div> <div id="footer"> <!-- 底部内容 --> <asp:ContentPlaceHolder ID="FooterContent" runat="server"></asp:ContentPlaceHolder> </div> </form> </body> </html> ``` 在上面的代码中,我们定义了一个Master Page,其中包含了一个头部、导航、内容和底部的区域,这些区域都使用了ContentPlaceHolder控件来占位。在具体的面中,我们可以使用Content控件来填充这些占位符,例如: ```aspx <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MyWebApp._Default" %> <asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> <h1>Welcome to My Website</h1> <p>This is the homepage of my website.</p> </asp:Content> ``` 在上面的代码中,我们使用了Content控件来填充Master Page中的MainContent占位符,这样就可以在网站中显示我们定义的内容了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值