服务大众草根站长,在服务器上少走弯路!网址速记:主机测评->zhjcp.com(声母)
站内公告:祝大家新年快乐,龙年大吉!

JavaScript getElementById(" ")详解

时间:2024-03-03 20:17 分类:技术分享

界说和用法

getElementById() 方式可返回对拥有指定 ID 的第一个目标的引用。

语法

document.getElementById(id)

阐明

HTML DOM 界说了多种查找元素的方式,除了 getElementById() 之外,尚有 getElementsByName() 和 getElementsByTagName()。

不外,假使您需求查找文档中的一个特定的元素,最有用的方式是 getElementById()。

在操纵文档的一个特定的元素时,最佳给该元素一个 id 属性,为它指定一个(在文档中)唯独的名称,然后就可以用该 ID 查找想要的元素

例子 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) 就可以了。

声明:

1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。

2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。

3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。

4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。

本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 0人参与,0条评论
查看更多

【免责声明】:主机测评网所有内容均来自网络,安全性未知,使用前请自行甄别。因个人自愿选择使用本站介绍的资源造成的损失由使用者承担!本站不销售产品、不代购、不提供技术支持,仅分享信息,请遵纪守法、文明上网。

© 2012-2024  Powered by:thinkphp8  蜀ICP备18021953号-3

广告联系:QQ:1564952 注明:广告联盟评测网广告