getElementById怎么调用
大家好，又见面了，我是你们的朋友全栈君。
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;
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/159582.html原文链接：https://javaforall.cn
腾讯云开发者
