2013-04-22 78 views
-1

我是一名Javascript初學者,這是我在Stackoverflow的第一篇文章。我遵循一本書來玩一些JavaScript功能。在這裏我由innerHtml方法放養。它應該可以工作,但事實並非如此。我看了不同的地方,並找不出原因。請幫忙。innerHtml命令不能正常工作請指導

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Untitled Document</title> 
</head> 

<body> 
    <a href = "popupA.html" id = "link">Link</a> 
    <p id = "p1">paragraph 1</p> 
    <p id = "p2">paragraph 2</p> 
<script> 
document.getElementById('link').href = 'popupB.html'; //works 

document.getElementById('p1').innerText = 'sample1'; //works 

var a = document.getElementById('p2'); 

a.innerHtml = "sample 2"; //innerHtml doesn't work here 

</script> 
</body> 
</html> 

回答

0

歡迎來到StackOverflow。你只是有一個錯字。該酒店使用大寫HTML代碼innerHTML

a.innerHTML = "sample 2"; // uppercase HTML 

下一次您的JavaScript出現問題時,我建議您使用調試器(例如,如果您使用的是Firefox,則爲FireBug)。調試代碼是方式比盯着它更容易;)

+0

是的!這樣可行!非常感謝菲利普。但是,我正在研究「larry Ullman的現代Javascript」這本書,通過文本使用「innerHtml」這個詞並且它看起來很好。這很奇怪,例如:var original = document.getElementById('someDiv')。innerHtml;作者是否有可能犯了錯誤?再次感謝您的幫助! – 2013-04-22 23:46:17

+0

我找不到任何對'innerHtml'的引用。所以可能作者在這裏是錯的。自2008年以來,它在規範中稱爲「innerHTML」:http://www.w3.org/TR/2008/WD-html5-20080610/dom.html#innerhtml0 – tessi 2013-04-23 04:57:29