控制js输出的位置
<html>
</style>
<body>
<div id="demoText" onclick="fun1()> aaa</div>
<div id="demoHtml" onclick="fun2()> bbb</div>
<script type="text/javascript">
function fun1() {
demoText.innerText="zhongguo";
}
function fun2{
demoHtml.innerHTML="<font color=red>HTML</font>"
}
</script>
</body>
</html>
特别说明
innerHTML 和 innerText属性设置对象内的内容，最后通过控制对象的位置而达到控制JS输出的位置的目的。
1.innerHTML 设置或获取位于对象起始和结束标签内的 HTML。
innerText 设置或获取位于对象起始和结束标签内的文本。
2.使用innerText 或 innerHTML输出之前目标对象必须已经加载