JavaScript加油站 2-getElementById() 方法

最新推荐文章于 2022-07-25 17:41:52 发布

weixin_30588729

最新推荐文章于 2022-07-25 17:41:52 发布

阅读量102

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tograce/archive/2008/11/15/1334030.html

版权

定义和用法

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

语法

document.getElementById(id)

注意：

document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是
“ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才
是具体的值！

说明

HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。

在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。

Code
<html>
<head><title></title>
<script type="text/javascript">

</script>
</head>
<body>
<div id="test" onclick="getValue('test');"><p>能有什么</p></div>
<p id="test2" onclick="getValue('test2')">现在还有什么?</p>

<a href="javascript:alert(test2.innerHTML)">再试试</a><br>
<a href="#" onclick="getValue('test2')">也再试试</a>

</body>
</html>

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

function id(x) {

if (typeof x == "string") return document.getElementById(x);
return x;
}

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

转载于:https://www.cnblogs.com/tograce/archive/2008/11/15/1334030.html

weixin_30588729

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript加油站 2-getElementById() 方法

定义和用法getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。语法document.getElementById(id)注意：document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是“ object ”，而不是具体的值，它有 value 和 length 等属性，加上 ...
复制链接

扫一扫