JavaScript通过id获取不到元素是什么原因阿?

s代码

JavaScript code

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

function show_more_mess()

{

    $("#background_div").css("width","100%");//获取这个div的时候是没有问题的

    $("#background_div").css("height","100%");

    $("#background_div").css("position","absolute");

    $("#background_div").css("left","0");

    $("#background_div").css("top","0");

    $("#background_div").css("display","block");

    alert(document.getElementById("more_mess").innerHTML);//这边是作测试用的,报错显示获取不到这个元素

}

function show_div()

{

    $("#more_mess").css("display","block");//这边没有象没有执行一样

    

}

asp.net前台代码

C# code

?


1

2

3

4

5

6

7

<div id="background_div" runat="server" style="position:absolute; display:none; background:#999999; filter:Alpha(opacity=50)">

        </div>

        <div id="more_mess" runat="server" style="position:absolute;width:100px; height:100px; background:red; display:none; z-index:10">

            <div>账户:<asp:TextBox ID="TextBox_show_username" runat="server"></asp:TextBox></div>

            <div>密码:<asp:TextBox ID="TextBox_show_pwd" runat="server"></asp:TextBox></div>

            

        </div>

asp.net后台代码

C# code

?


1

2

3

4

5

6

7

8

9

10

11

12

background_div.InnerHtml = "<script>show_more_mess();";

        try

        {

            TextBox_show_pwd.Text = "a";

            TextBox_show_username.Text = "b";

            background_div.InnerHtml = "<script>show_div();</script>";

            //后台是可以获取到more_mess这个div的

        }

        catch (Exception ee)

        {

        }

感觉很奇怪  希望高手能帮我看一下问题出在什么地方

时间: 2024-10-23 02:06:59

JavaScript通过id获取不到元素是什么原因阿?的相关文章

JavaScript通过ID获取元素坐标

JavaScript通过ID获取元素坐标 function getElementPos(elementId) { var ua = navigator.userAgent.toLowerCase(); var isOpera = (ua.indexOf('opera') != -1); var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof var el = document.getElementByIdx

javascript主页面获取子页面元素

功能:主页面获取子页面的form表单,并提交. $("#showAllDescription", document.frames("treeFrame").document).submit(); //showAllDescription为子页面元素的id //treeFrame为子页面ireame的nma javascript主页面获取子页面元素

JavaScript的DOM编程--02--获取元素节点

如何来获取元素节点: 1) .document.getElementById: 根据 id 属性获取对应的单个节点 2) .document.getElementsByTagName: 根据标签名获取指定节点名字的数组, 数组对象 length 属性可以获取数组的长度 3) .document.getElementsByName: 根据节点的 name 属性获取符合条件的节点数组, 但 ie 的实现方式和 W3C 标准有差别: 在 html 文档中若某节点(li)没有 name 属性, 则 ie

获取指定的元素节点

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <titl

javascript中innerHTML 获取或替换html内容

innerHTML 属性用于获取或替换 HTML 元素的内容,语法为Object.innerHTML其中1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素:2.注意书写,innerHTML区分大小写.我们通过id="light"获取<div> 元素,并将元素的内容输出和改变元素内容,代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head>

JavaScript的DOM_获取元素方法_getElementById()获取特定ID元素的节点

一.通过标签的id属性值获取该标签节点 接受一个参数:如果找到相应的元素则返回该元素的 HTMLDivElement 对象,如果不存在,则返回 null. <script type="text/javascript"> window.onload = function(){ var box = document.getElementById('box'); //获取 id 为 box 的元素节点 alert(box.id); } </script> </h

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 显示iframe中body元素的内容. $(document.getElementById('iframeId').contentWindow.document.body)

通过ID获取元素

网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每人有一个身份证号一样,只要通过身份证号就可以找到相对应的人.那么在网页中,我们通过id先找到标签,然后进行操作. 语法: document.getElementById("id") 注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法.例如: 运行结果为: 理解:输出为null,是因为代码是顺序执行的,先调用了JavaScript代码,但是这个时候还没有ID为"con"的元素,得到空 理

JavaScript的DOM_获取元素方法

W3C 提供了比较方便简单的定位节点的方法和属性,以便我们快速的对节点进行操作. 分别为:getElementById().getElementsByTagName().getElementsByName().getAttribute().setAttribute()和 removeAttribute(). 1.getElementById()方法: 接受一个参数:通过标签的id属性值获取该标签节点.如果找到相应的元素则返回该元素的 HTMLDivElement 对象,如果不存在,则返回 nul