有没有朋友熟悉js操作dom的阿?

软件和网站开发以及相关技术探讨
回复
头像
mmxcq
帖子: 214
注册时间: 2007-07-28 14:04
送出感谢: 0
接收感谢: 0
联系:

有没有朋友熟悉js操作dom的阿?

#1

帖子 mmxcq » 2008-05-22 20:31

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>js operation dom</title>
<script type="text/javascript">

function create()
{
var imgElement=document.getElementById("add");
var buttonElement=document.getElementById("change");
imgElement.src="images/q.jpg"
buttonElement.onclick=replace;
}
function replace()
{
var imgElement=document.getElementById("add");
var buttonElement=document.getElementById("change");
imgElement.src="images/1.jpg";
buttonElement.onclick=create;
}

</script>
</head>
<body id="body">
<img id="add" src="images/1.jpg" />
<input id="change" type="button" value="改变图片" onclick="create()"/>
</body>
</html>
上面这个是一切正常
但是为什么我把它换成全局变量的时候就不行了阿?就是这两个变量imgElement buttonElement

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>js operation dom</title>
<script type="text/javascript">
var imgElement=document.getElementById("add");
var buttonElement=document.getElementById("change");
function create()
{
imgElement.src="images/q.jpg"
buttonElement.onclick=replace;
}
function replace()
{

imgElement.src="images/1.jpg";
buttonElement.onclick=create;
}

</script>
</head>
<body id="body">
<img id="add" src="images/1.jpg" />
<input id="change" type="button" value="改变图片" onclick="create()"/>
</body>
</html>
我要去租车搜索www.517car.com
头像
bones7456
论坛版主
帖子: 8495
注册时间: 2006-04-12 20:05
来自: 杭州
送出感谢: 0
接收感谢: 8 次
联系:

#2

帖子 bones7456 » 2008-05-22 20:48

是执行顺序不对,后面那个那两行是在浏览器加载head段的时候就执行了,而那时候body都还么加载,所以是取不到你要的对象的。
关注我的blog: ε==3
头像
mmxcq
帖子: 214
注册时间: 2007-07-28 14:04
送出感谢: 0
接收感谢: 0
联系:

#3

帖子 mmxcq » 2008-05-22 20:53

一语惊醒梦中人阿
兄弟谢了 你是作什么开发的阿
以后多交流阿
呵呵

应该很强
我要去租车搜索www.517car.com
winstars
帖子: 131
注册时间: 2006-09-07 16:02
送出感谢: 0
接收感谢: 0

#4

帖子 winstars » 2008-05-29 0:32

尽量少用全局变量,容易出问题,出了问题也比较隐蔽
回复

回到 “软件/网站开发”