Javascript Question: Misunderstand either getElementbyID or innerHTML_问答_开发者

Javascript Question: Misunderstand either getElementbyID or innerHTML

开发者 https://www.devze.com 2023-02-13 14:44 出处：网络

Can anyone tell me why, with the following code, when I click \"Click Here\", the text doesn\'t change开发者_如何学Python to \"test\"?

相关专题：javascript

Can anyone tell me why, with the following code, when I click "Click Here", the text doesn't change开发者_如何学Python to "test"?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<div id="thisdiv" onClick="document.getElementbyID('thisdiv').innerHTML='test'">Click Here</div>
</body>
</html>

You have a lowercase b and an uppercase D.

 //-------v------should be uppercase
getElementById
 //----------^---should be lowercase

Example: http://jsfiddle.net/qSEpF/

But simpler would be to reference the current element with this:

onClick="this.innerHTML='test'"

Example: http://jsfiddle.net/qSEpF/1/

JavaScript is case-sensitive, as Patrick pointed out. And, let's be honest: Intellisense for JavaScript pretty much blows. Be very careful when writing script.

What likely happened is that when you attempted to invoke the method with the wrong case, JavaScript couldn't find it on the inheritance change and created it instead, with the wrong case. That would explain why you got no script error, and nothing happened.