Question

当用户点击Panel（在TableCell中）时，我试图运行这个JS函数。此面板是内容页面中的一个元素，与主页面一起使用，该主页面具有内容位置持有者。当我尝试单击面板时，会引发以下错误：

Microsoft JScript运行时错误：对象不支持此属性或方法

以下是主页面ASPX的相关代码：

       <link rel="Stylesheet" href="../includes/styles.css" />
       <script type="text/javascript" language="javascript">
           function swapDirections(control) {
               var main = document.getElementByID('ct100_TableContent_' + control);
               var long = document.getElementById('ct100_TableContent_' + control + '_long');
               var short = document.getElementById('ct100_TableContent_' + control + '_short');

               var mainhtml = main.innerHTML;
               var longhtml = long.innerHTML;
               var shorthtml = short.innerHTML;

               if (mainhtml.length == shorthtml.length)
                   main.innerHTML = longhtml;
               else
                   main.innerHTML = shorthtml;
           }
        </script>

以下是“内容”页面的相关代码：

            Panel rigDirections = new Panel();
            rigDirections.CssClass = "clip";
            rigDirections.ID = u.Id.ToString() + "_RD";
            string MainDivRD = rigDirections.ClientID;
            Literal rigDir = new Literal();
            string sshort = "";
            if (u.RigDirections.ToLower().Length > (textCutOFF + 4))
            {
                sshort = Server.HtmlEncode(u.RigDirections.ToLower().Substring(0, textCutOFF).Trim()) + " ...";
                rigDir.Text = "<a class=RD_RA title=\"Click to Expand\" href=\"javascript: swapDirections('" + MainDivRD + "')\">" + sshort + "</a>"; ;
            }
            else
            {
                sshort = Server.HtmlEncode(u.RigDirections.ToLower().Trim());
                rigDir.Text = sshort ;
            }
            string slong = Server.HtmlEncode(u.RigDirections.ToLower().Trim());

            rigDirections.Controls.Add(rigDir);
            cell.Controls.Add(rigDirections);

内容页面ASPX：

      <asp:Content ID="Content1" ContentPlaceHolderID="TableContent" Runat="Server">

       <asp:Panel ID="pnlTable" Width="950" runat="server">

       </asp:Panel>
      </asp:Content>

错误被抛出在函数的第一行。

我已经用尽了我的网络搜索技能，之前从未使用过JS，所以如果有人有任何想法，我会非常感激。

谢谢！

badPanda

Answer 1

javascript区分大小写。 document.getElementByID()不是函数，但document.getElementById()是。

Answer 2

资本化很重要。

document.getElementByID() //wrong
document.getElementById() //right

Answer 3

应该是document.getElementById而不是document.getElementByID。

Answer 4

javascript区分大小写。尝试使用document.getElementById而不是document.getElementByID

Answer 5

您应该将getElementID更改为getElementById。我也这样做了，并且几天都无法解决这个问题。请记住，JavaScript是区分大小写的，并使用小写的CamelCase。

在document.getElementByID上Javascript错误'对象不支持此属性或方法'？

5 个答案: