大家好,又见面了,我是你们的朋友全栈君。
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账号...