1. getElementById
  1. 首页
  3. 百科
  5. 发动机系统
  7. getElementById
getElementById

getElementById

目录导航

基本介绍

语法：

obj=document.getElementById(sID)

参数：

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

返回值：

obj:对象(object)。

相关说明

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

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

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

主要作用

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

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

HTMLDOM定义了多种查找元素的方法，除了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.onscroll=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.onscroll=move;可去掉 然后 把<body >换成<body onscroll="move()">

注意window.onscroll=move;不能写为window.onscroll=move（）;

</body>

</html>

2.改变指定元素的值

<html>

<head>

<title>

wangye</title>

<script type="text/javascript">

function changelink(){

x=document.getElementById("myanchor");

x.innerHTML="搜狐";

x.href="#";

}

</script>

</head>

<body>

<a id="myanchor" href="#" >

<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" onclick="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) 就可以了

相关百科
返回顶部
产品求购 求购