Question

javascript document.body.innerHTML输出问题

我想把函数这么写，无法输出。为什么？怎么解决？

function grade1_hit()
{
document.body.innerHTML +=
"<ul class=""main_list1"">
<li> list grade 1-1</li>
<li> list grade 1-2</li>
<li> list grade 1-3</li>
<li> list grade 1-4</li>
<li> list grade 1-5</li>
</ul>";
}
或者我把css类去掉也不行，如下：
function grade1_hit()
{
document.body.innerHTML +=
"<ul>
<li> list grade 1-1</li>
<li> list grade 1-2</li>
<li> list grade 1-3</li>
<li> list grade 1-4</li>
<li> list grade 1-5</li>
</ul>";
}

如果是这样就可以输出
document.body.innerHTML += "abc";

谢谢！

Answer 1

function grade1_hit()
{
document.body.innerHTML +=
"<ul class='main_list1'>"+
"<li> list grade 1-1</li>"+
"<li> list grade 1-2</li>"+
"<li> list grade 1-3</li>"+
"<li> list grade 1-4</li>"+
"<li> list grade 1-5</li>"+
"</ul>";
}
楼主你写的格式错误得太厉害了，要这样写才可以

第一个不可以不停用双引号。js中或者页面中，一般是双，单，双，单，引号间隔的。
别一个问题，我就不解释了，相信楼主一看就会明白 的

追问

原来如此，不能跨行啊。用C用惯了。
谢谢！

另外，css类也认识单引号吗？

追答

其实在css里单，双引号一样的。
但是不可以““””这样，这样是错误的。你可以“‘’”或者‘“”’
所以要单双引号间隔