getElementById怎么调用

getElementById怎么调用getElementById怎么调用浏览次数:1414次悬赏分:0|解决时间:2011-4-2818:27|提问者:匿名最佳答案首先都有一个Document对象然后你就可以借这个方法来引用网页文件中各个标签的属性了,当然这个被你引用的标签必须具有ID属性;比如,上面那个标签img就具有ID属性,那么我想获取他的图片地址,可以这么用Document.get

大家好,又见面了,我是你们的朋友全栈君。 

getElementById怎么调用

浏览次数:1414次

悬赏分:0 | 解决时间:2011-4-28 18:27 | 提问者:匿名

最佳答案

首先都有一个Document对象

然后你就可以借这个方法来引用网页文件中各个标签的属性了,当然这个被你引用的标签必须具有ID属性;

比如,<img src=”…” id=”webpage” />

上面那个标签img就具有ID属性,那么我想获取他的图片地址,可以这么用

Document.getElementById(“webpage”).src

getElementById

 

目录

简介

说明

作用

实例

编辑本段

简介

  语法:

  obj= document . getElementById ( sID )

  参数:

  sID : 必选项。字符串(String)。

  返回值:

  obj: 对象(object)。

编辑本段

说明

  根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象,则返回该组对象中的第一个。

  如果无符合条件的对象,则返回 null 。

  HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。

编辑本段

作用

  1:做网页上浮动广告

  <html>

  <head>

  <title>制作浮动的广告图片</title>

  <script language=”javascript” type=”text/javascript”>

  <!–

  var advInitTop=100;//层距离顶端的初始值

  function move()

  {

  window.document.getElementById(“advLayer”).style.top=advInitTop+window.document.body.scrollTop;

  }

  window.οnscrοll=move;//窗口的滚动事件,当页面滚动时调用move()函数

  //–>

  </script>

  </head>

  <body >

  <div id=”advLayer” style=”position:absolute;left:16px;top:129px;width:180px;height:230px; z-index:1;”>

  <img src=”cat.jpg” />

  </div>

  在这里加文字用来产生滚动条 img src=”cat.jpg” 根据实际情况更改

  window.οnscrοll=move;可去掉 然后 把<body >换成<body onstroll=”move()”>

  注意window.οnscrοll=move;不能写为window.οnscrοll=move();

  </body>

  </html>

  2.改变指定元素的值

  <html>

  <head>

  <title>

  wangye</title>

  <script type=”text/javascript”>

  function changelink(){

  document.getElementById(‘myanchor’).innerHtml=”搜狐”;

  document.getElementById(‘myanchor’).href=”#”;

  }

  </script>

  </head>

  <body>

  <a id=”myanchor” href=”#” >百度</a>

  <form name=”myform”>

  <input type=”button” value=”更换连接” onClick=”changelink()” />

  </form>

  </body>

  </html>

编辑本段

实例

  实例1:

  <html>

  <head>

  <script type=”text/javascript”>

  function getValue()

  {

  var x=document.getElementById(“myHeader”)

  alert(x.innerHTML)

  }

  </script>

  </head>

  <body>

  <h1 id=”myHeader” οnclick=”getValue()”>This is a header</h1>

  <p>Click on the header to alert its value</p>

  </body>

  </html>

  实例2:

  getElementById() 是一个重要的方法,在 DOM 程序设计中,它的使用非常常见。我们为您定义了一个工具函数,这样您就可以通过一个较短的名字来使用 getElementById() 方法了:

  function id(x) {

  if (typeof x == “string”) return document.getElementById(x);

  return x;

  }

  上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数,您只要在使用前编写 x = id(x) 就可以了

开放分类:

如何运用getElementById

浏览次数:1054次

悬赏分:30 | 解决时间:2010-4-17 09:34 | 提问者:茶馆老人

首先,有两个div层,id分别是id1和id2,现在我想这样做:

首先从地址index.asp?islogin=1中获取变量islogin=request.QueryString(“islogin”);然后判断变量islogin值是否为1;

如果为1;则id1=getElementById(“id1”),id2=getElementById(“id2”)id1.display:block,id2.display:none;否则,id1.display:none,id2.display:block;

我的代码如下:

 

             <script language=”javascript”>

    var login=getElementById(“id1”);

    if request.QueryString(“islogin”)=1 then

        id1.display=none;

    else

    end if

    </script>

最佳答案

–这个是如何使用getElementById函数的方法。

 

<html>

   <head>

   <script language=”javascript”>

     window.onload = function run(){   

         var inTag = document.getElementById(“inTag”); 

 inTag.value = “hello!”;

     }

  </script>

  </head>

  <body>

    <input id=”inTag” type=”text” />

  </body>

</html>

发现document.getelementbyid 和 document.getelementsbyname的一点区别 欢迎进来讨论

浏览次数:502次

悬赏分:20 | 解决时间:2010-10-18 07:58 | 提问者:tuhuolongan

<form name=”hu”>

<input type=”radio” id=”d1″ name=”d1″ value=”值1″ />值1<input type=”radio” id=”d1″ name=”d1″ value=”值2″ />值2<p/>

<input type=”button” value=”确定” onClick=”x()”>

</form>

<script language=”javascript”>

function x(){

 var x=document.getElementById(“d1”).value;

  document.write(x);

 }

</script>

上面的程序可以正常运行 将var x=document.getElementById(“d1”).value;

改为document.getElementsByName(“d1”).value;

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/159582.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号