问题描述

js代码里面能动态编写html吗？

比如

<script type="text/javascript">
if (0) {
</script>

<p> hello1</p>

<script type="text/javascript">
}else{
</script>

<p> hello2</p>

<script type="text/javascript">
}
</script>

就是通过条件来控制输出 hello1或者hello2
这样行吗？

解决方案

document.write就好了

 <script type="text/javascript">
if (0) {
document.write('<p> hello1</p>')
}else{ 

document.write('<p> hello2</p>')

}
</script>

解决方案二：

虽然直接append一个p元素就可以做到，但是我觉得你需要一个模板引擎

http://www.iteye.com/news/24827
http://www.csdn.net/article/2013-09-16/2816951-top-five-javascript-templating-engines

解决方案三：

可以，js里在html生成后还可以动态的添加和删除dom元素

解决方案四：

html+js动态选中