javascript - 输出格式不正确？

Question

我的代码：

document.write('<ul>');
document.write('<li><font color="green">intellectual:</font></li>' + bioEnergy);
document.write('<li><font color="red">emotional:</font></li>' + bioEmot);
document.write('<li><font color="blue">physical: </font></li>' + bioPhy);
document.write('</ul>');

输出：

intellectual:

0.8

emotional:

0.0

physical:

0.0     

我需要的是它的格式如下：intellectual: 0.8 等。我不确定如何设置 HTML 样式以使其工作。

Answer 1

你的意思是：

document.write('<li><font color="green">intellectual:</font> ' +  bioEnergy + '</li>');
document.write('<li><font color="red">emotional: </font> ' + bioEmot + '</li>');
document.write('<li><font color="blue">physical: </font> ' + bioPhy + '</li>');

请注意每个 document.write 中元素的更改顺序。

输出：

intellectual: 0.8

emotional: 0.0

physical: 0.0