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)


相关推荐

  • Dockerfile add_dockerfile copy和add区别

    Dockerfile add_dockerfile copy和add区别前言Dockerfile中提供了两个非常相似的命令COPY和ADD,本文尝试解释这两个命令的基本功能,以及其异同点,然后总结其各自适合的应用场景。Build上下文的概念在使用dock

  • 网页服务器停止响应是什么意思_次数限制

    网页服务器停止响应是什么意思_次数限制1.根据以往的经验以为是缓冲池的缘故。于是我新建一个缓冲池之后(尽量大的配置)发现问题依旧2.修改查询语句 select*fromtable改成selecttop500*fromtable发现问题依旧 没有办法于是认真的查看程序 结果发现自己的低级错误少加一句rs.movenext加上之后问题解决  根据这次的问题心得是:1.发现问题先看看

    2022年10月21日
  • 希尔伯特黄变换信号处理_希尔伯特变换后频谱图

    希尔伯特黄变换信号处理_希尔伯特变换后频谱图希尔伯特黄变换(Hilbert-Huang)包括两部分工作,分别是经验模态分解(EMD)和希尔伯特变换(HT)。经验模态分解:找到信号x(t)的极大值和极小值,通过三次样条拟合得到上、下包络线,计算其均值得m1(t). 得到第一个分量,检擦其是否满足模态分量的条件:①得极大值点与过0点数量相差不超过1个;②的上、下包络线均值恒为0。如不满足,重复操作1、2直至得到满足模态函数…

    2022年10月14日
  • Java遍历取出Map集合key-value数据的4种方法

    Java遍历取出Map集合key-value数据的4种方法将map集合存数据与取出数据全部放在一个类MapTest中,方便阅读与查看随便创建一个包,在包中新建一个class文件,(也可以不建包,直接新建一个class文件)新建class文件MapTest.java,代码如下:importjava.util.HashMap;importjava.util.Iterator;importjava.util.Map;importjava.util…

  • Delphi 教程

    Delphi 教程1.点击Project->View Source 可以看到工程的代码program Project1;uses  Forms,  Unit1 in ‘Unit1.pas’ {Form1};{$R *.res}begin  Application.Initialize;  Application.CreateForm(TForm1, Form1);

  • nginx配置ssl证书实现https访问_更换ssl证书

    nginx配置ssl证书实现https访问_更换ssl证书1,登录阿里云,工作台找SSL证书或者安全下找CA证书2,点击创建证书(或购买证书),创建好以后点击证书申请、3,设置配置以及域名信息,仅填写圈住内容,其他默认即可4,随后等待一会,查看状态,是否为 已签发5,为已签发时,点击下载选择下载类型6,下载后解压文件7,上传至服务器,存放位置,先找到nginx所在位置 “/nginx/conf/”找到该位置创建“cert”把刚才解压的两个文件存放至此。8,开始nginx配置内容`server { #SSL 访问端口号为 443 li

发表回复

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

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