2010-07-07 52 views
1

我刚刚开始学习JavaScript,无法弄清getElementById为什么不起作用?getElementById将不起作用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>The Rock</title> 
<style type="text/css"> 
<!-- 
body { 
    text-align: center; 
} 
--> 
</style> 

<script type="text/javascript"> 

function touchRock() { 
    var username = prompt("What is your name?"); 

    if (username) { alert("Hello, "+username+"! I am The Rock."); 
    document.getElementById("rockimg").scr = "rock2.png";} 
    } 

</script> 
</head> 
<body> 



<p>&nbsp;</p> 
<p>&nbsp;</p> 
<p><img id="rockimg" src="rock1.png" align="middle" style="cursor:pointer" onclick="touchRock();" /></p> 
</body> 
</html> 

想法是,一旦用户点击岩石,问他的名字,迎接他,并改变图像。名称/问候部分起作用,但图像不变。

任何想法?谢谢!

回答

5

你有一个错字。 更改.scr.src,也将努力

+0

谢谢!立即开始工作! – 2010-07-07 13:48:45

+0

有一个[清除堆栈溢出的活动](http://meta.stackexchange.com/q/167342/187073)通过删除这些错字相关的问题 - 我们真的可以使用你的帮助!你可以通过在这个问题上进行近距离投票来介入一点吗? – VisioN 2013-02-28 18:41:56

2

你必须在这条线一个错字:

document.getElementById("rockimg").scr

应该是srcscr

1

变化

document.getElementById("rockimg").scr 

document.getElementById("rockimg").src 

(这是SRC,不SCR)