关于JavaScript的innerhtml用法

Question

代码如下：
<form name="question" id="add_question" method="post">
<input type="radio" name="question_type" id="singlechoice" value="singlechoice" />单项选择 | <input type="radio" name="question_type" id="multiplechoice" value="multiplechoice" />多项选择 | <input type="radio" name="question_type" id="rank" value="rank" />排序题 | <input type="radio" name="question_type" id="question" value="question" />简答题 | <input type="radio" name="question_type" id="singlechoice_extra" value="singlechoice_extra" />单项扩展题 | <input type="radio" id="multiplechoice_extra" name="question_type" value="multiplechoice_extra" />多项选择扩展题</select>
<div id="aa"></div>
<script language="javascript" type="text/javascript">

var sing=$('#singlechoice:radio');
var aa=$('#aa');
sing.click(function(){
aa.innerHTML='<h1>singlechoice</h1>';
});
运行之后点单项选择没有任何反应啊？？

Answer 1

楼上说的都没错，aa是jquery对象，并不是普通的DOM对象，如果你确实想用innerHTML的话，可以

aa.get(0).innerHTML="";

Answer 2

innerHTML用法没错，一定是代码错误。你用的proptype还是jquery，调试程序运行到哪里，可能某个地方出了问题。

Answer 3

comdis正解，用jquery的话，aa不是DOMElement对象而是一个jquery对象，失去了innerHTML的属性。要访问的话是使用html()函数。

Answer 4

你用的是jQuery吧，把aa.innerHTML='<h1>singlechoice</h1>';改成aa.html("<h1>singlechoice</h1>"); 试试看。本回答被提问者采纳