javascript - getElementById 引用 Null(从 Javascript 调用)-6ren

javascript - getElementById 引用 Null(从 Javascript 调用)

转载作者：行者123 更新时间：2023-11-28 01:03:21

24

4

我在iframe中编写了Javascript代码，该代码正在修改父窗口中contentplaceholder中hiddenfield的值，并且触发按钮的点击事件，并设置 iframe 的可见性。它们都被错误地引用。

iframe 中的 JavaScript:

 <script type="text/javascript">
      function ChangeView(obj) {

          parent.document.getElementById("HiddenField1").value = $(obj).attr('id');
          parent.document.getElementById("Button1").click();
          var iframe = parent.document.getElementById("newsFrame");
          iframe.style.display = "block";

      }

    </script>
</head>
<body>


 <form id="f">
    <nav>
      <ul id="nav">
        <li><a id="aHome"  href="#" onclick="ChangeView(this)" >Home</a></li>   
        <li><a href="#">About</a>
          <ul>
            <li><a id="aMessage" href="#" onclick="ChangeView(this)">Message</a></li>

          </ul>
        </li>
      </ul>
    </nav>
 </form>
</body>

父页面:

<asp:Content ID="Content3"  ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
   <html xmlns="http://www.w3.org/1999/xhtml" > 

<head>
    <title> </title>
<script runat="server">

    Sub ChangeView()
        Dim t As HiddenField
        ' Dim mc As Control = FindControl("Label1")
        t = FindControl("HiddenField1")
        Dim m As MultiView
        m = FindControl("Multiview1")

        If (t.Value = "aHome") Then
            m.ActiveViewIndex = 0

        End If
        If (t.Value = "aMessage") Then
            m.ActiveViewIndex = 1
        End If

    End Sub

   </script>

</head>

<body>
   <form id="form1" runat="server">

   <asp:Button ID="Button1" runat="server"  Visible="True" OnClick="ChangeView"  />

       <asp:ScriptManager ID="SM1" runat="server" />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
        <asp:HiddenField ID="HiddenField2"  runat="server"  />
         <asp:MultiView ID="MultiView2" runat="server" ActiveViewIndex="0">
            <asp:View ID="View8" runat="server">
                This is HOME 
            </asp:View>
            <asp:View ID="View9" runat="server">
                This is DEPARTMENT MESSAGE 
            </asp:View>

        </asp:MultiView>
        <br /><br />


        </ContentTemplate>
    </asp:UpdatePanel>
   </form>

</body>
</html>
                <iframe src="dept-menu/index.html" width="100%" height="650px" scrolling="no" frameborder="0"></iframe>

                    <iframe id="newsFrame" src="dept-news/news.html" width="100%" height="300px" scrolling="no" frameborder="0"></iframe>



</asp:Content>

HTML

 <input type="submit" name="ctl00$ContentPlaceHolder2$Button1" value="" id="Button1" />


       <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ContentPlaceHolder2$SM1', 'form1', ['tctl00$ContentPlaceHolder2$UpdatePanel1','ContentPlaceHolder2_UpdatePanel1'], [], [], 90, 'ctl00');
//]]>
</script>



<div id="ContentPlaceHolder2_UpdatePanel1">

        <input type="hidden" name="ctl00$ContentPlaceHolder2$HiddenField1" id="HiddenField1" />

                This is HOME 

        <br /><br />



</div>

在运行时，错误表明它们无法设置空引用的值。我做错了什么？提前致谢。

附注iframe 是从 contentplaceholder 调用的。

最佳答案

简单添加

      parent.document.getElementById("ContentPlaceHolder2_HiddenField1").value = $(obj).attr('id');

而不是

      parent.document.getElementById("HiddenField1").value = $(obj).attr('id');

关于javascript - getElementById 引用 Null(从 Javascript 调用)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25360605/

24

4

0

文章推荐： javascript - 如何在单击按钮时填充文本框？

文章推荐： javascript - 如何在 Handlebars.js 的表达式中存储模板？

文章推荐： javascript - 用 Angular 解析 html

文章推荐： javascript - (window).scrollTop() 滚动在 Mozilla 中出现错误？

sql - SELECT * FROM Employees WHERE NULL IS NULL; SELECT * FROM 员工 WHERE NULL = NULL;
最近开始学习oracle和sql。在学习的过程中，我遇到了几个问题，我的 friend 在接受采访时被问到这些问题。 SELECT * FROM Employees WHERE NULL IS N
c - 三问 : Is NULL - NULL defined? (uintptr_t)NULL - (uintptr_t)NULL 定义了吗？
这个问题在这里已经有了答案: Can we subtract NULL pointers? (4 个回答) 关闭 2 个月前。是否定义了NULL - NULL？ (char *)NULL - (ch
c# - 检查 null，== null 与 != null
是否有推荐的方法(根据 .net Framework 指南)检查 null，例如: if (value == null) {//code1} else {//code2} 或 if (value !=
php - Symfony2 插入错误参数[null,null,null]
我正在尝试将值插入数据库，但出现这样的错误任何人都可以告诉我为什么该值为空，如下所示: An exception occurred while executing 'INSERT INTO perso
sql - 为什么 null||null 返回空值但 concat(null,null) 在 postgres 中返回空字符串？
这个问题在这里已经有了答案: String concatenation with a null seems to nullify the entire string - is that desire
android - context.getContentResolver().query(ContactsContract.Data.CONTENT_URI, null, null,null, null);
您好，我正在 Android 联系人搜索模块中工作。我正在查询下方运行。 cur = context.getContentResolver().query(ContactsContract.Data.
mysql - MYSQL 列创建中的 NULL 与 DEFAULT NULL 与 NULL DEFAULT NULL？
下面的 SQL 表定义说明了从我的 MYSQL 数据库创建表的语句之一，该数据库是由我公司的前开发人员开发的。 DROP TABLE IF EXISTS `classifieds`.`category
sql-server - 为什么 SQL 语言使用 IS NULL 或 IS NOT NULL 而不是 = NULL 或 <> NULL？
我主要有应用程序开发背景。在编程语言中 variable == null或 variable != null有效。当涉及到 SQL 时，以下查询不会给出任何语法错误，但也不会返回正确的结果。 sel
null - NULL 检查中的段错误？
我在尝试检查某些元素是否为 NULL 时遇到段错误或不。任何人都可以帮忙吗？ void addEdge(int i, int j) { if (i >= 0 && j > 0)
sql - 强制 COALESE(NULL,NULL) 返回 NULL
在 SQL 服务器中考虑到以下事实:Col1 和 Col2 包含数值和 NULL 值 SELECT COALESCE(Col1,Col2) 返回一个错误:“COALESCE 的至少一个参数必须是一个不
sql - 强制 COALESE(NULL,NULL) 返回 NULL
在 SQL 服务器中考虑到以下事实:Col1 和 Col2 包含数值和 NULL 值 SELECT COALESCE(Col1,Col2) 返回一个错误:“COALESCE 的至少一个参数必须是一个不
null - "is null"的关系代数表达式
下面查询的关系代数表达式是什么？我找不到“Is Null”的表达式。 SELECT reader.name FROM reader LEFT JOIN book_borrow ON reader.ca
c# - 使用三元运算符检查 null - null 引用是否与 null 不同
我正在尝试使用三元运算符来检查值是否为 null 并返回一个表达式或另一个。将此合并到 LINQ 表达式时，我遇到的是 LINQ 表达式的 Transact-SQL 转换试图执行“column = n
c++ - select(NULL, NULL, NULL, &timeout) 只是等待给定的时间吗？
我在给定的代码中看到了以下行: select(0, (fd_set *) NULL, (fd_set *) NULL, (fd_set *) NULL, &timeout); http://linux
javascript -/null/g.test ('null null' 的意外正则表达式行为)
var re = /null/g; re.test('null null'); //> true re.test('null null'); //> true re.test('null null')
null - null 有害吗？
这个问题在这里已经有了答案: 关闭 13 年前。我今天避开了一场关于数据库中空值的激烈辩论。我的观点是 null 是未指定值的极好指示符。团队中有意见的其他每个人都认为零和空字符串是可行的方法。
java - 错误:null value in entry: streamOutputFolder=null OR Error:null value in entry: streamOutputFolder=null
由于此错误，我无法在模拟器中运行我的应用: Error:null value in entry: streamOutputFolder=null 或 gradle - Error:null value
java - 无法解析 'query(java.lang.String,java.lang.String[],null, null, null, null)'
我正在尝试在 Android 应用程序中创建电影数据库，但它返回错误。知道这意味着什么吗？ public Cursor returnData() { return db.query(TABLE
javascript - 为什么 new Date(null, null, null) 在浏览器中返回有效日期？
我一直在检查浏览器中的日期函数以及运行时间 new Date (null, null, null); 在开发工具控制台中，它给出了有效的日期 Chrome v 61 回归 Sun Dec 31 189
r - 为什么 NA==NULL ， NULL==NULL 打印逻辑(0)？
为什么 NA==NULL 会导致 logical (0) 而不是 FALSE？为什么 NULL==NULL 会导致 logical(0) 而不是 TRUE？最佳答案 NULL 是一个“零长度”对象

首页

博学

6Ren·AI

商城

javascript - getElementById 引用 Null(从 Javascript 调用)