2

我使用带有 c# 和 javascript 的 asp.net。我有一个母版页和许多使用它的 aspx 页面。在母版页上，我有一个实际上是菜单的无序列表。

无序列表具有 ID 和runat ="server"。问题是当我放入"runat ="server""无序列表时。我收到错误："Microsoft JScript runtime error: Unable to get value of the property 'getElementsByTagName': object is null or undefined."它指向一个用于菜单功能的 script.js。特别是在一行是：........

a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;

在母版页的头部，脚本调用如下：

<script type="text/javascript" src="script.js">
</script>

script.js 的完整代码：

var menu=function(){
    var t=15,z=50,s=6,a;
    function dd(n){this.n=n; this.h=[]; this.c=[]}
    dd.prototype.init=function(p,c){
        a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
        for(i;i<l;i++){
            var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
            h.onmouseover=new Function(this.n+'.st('+i+',true)');
            h.onmouseout=new Function(this.n+'.st('+i+')');
        }
    }
    dd.prototype.st=function(x,f){
        var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
        clearInterval(c.t); c.style.overflow='hidden';
        if(f){
            p.className+=' '+a;
            if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
            if(c.mh==c.offsetHeight){c.style.overflow='visible'}
            else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
        }else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
    }
    function sl(c,f){
        var h=c.offsetHeight;
        if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
            if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
            clearInterval(c.t); return
        }
        var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
        c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
        c.style.height=h+(d*f)+'px'
    }
    return{dd:dd}
}();

无序列表菜单在 form1 中声明：

这是列表菜单代码：。

<ul class="menu" id="menu" runat ="server"> 
  <li>
    <a href="#" class="menulink">Mant</a> 
    <ul> 
      <li><a href="Mant.aspx">Table</a></li> 
    </ul> 
  </li> 
</ul>

在 form1 之外，声明如下：

<script type="text/javascript">
var menu = new menu.dd("menu");
menu.init("menu", "menuhover");
</script>

除了 script.js 之外，所有代码都在母版页上声明。

我该如何解决这个问题？

谢谢...

帖子已编辑。

4

3 回答 3

3

您没有为具体答案提供足够的代码，但我的预感如下......

默认情况下，ASP.Net 更改包含元素的 IDrunat="server"以确保所有 ID 都是唯一的。你有两个选择：

  1. 向 ASP.Net 询问您的 JS 中的客户端 ID：

    var clientID = "<%= txtUsername.ClientID %>";

  2. 看看ClientIDMode物业。将其设置为Static，至少对于有问题的元素应该可以解决问题。

此错误也可能是在页面完全呈现之前执行 JS 的结果。同样，您没有为我们提供足够的代码来做出此决定。

于 2012-10-15T18:17:20.913 回答
0

试试这个代码。

<script type="text/javascript">
var menu = new menu.dd(<%= menu.ClientID %>);
menu.init(<%= menu.ClientID %>, "menuhover");
</script>
于 2012-10-15T20:20:52.477 回答
0

这是null因为 JavaScript 在元素创建之前执行。您可以添加到 onload。 http://jsfiddle.net/vwvzN/

詹姆斯希尔似乎有正确的方法。

于 2012-10-15T18:19:42.867 回答