javascript字符串变量组合怎样正确添加一个tag?

<html>
<head>
<body>
   <ul>
       <li id="li"></li>
   </ul>
   <script type="text/javascript">
        var var1 = "<b>li</b>";
        var var2 = "this is a test file";
        var li = var1 + "<span class='class1'>" + var2 + "</span>"
        document.getElementById('li').innerHTML = li;
   </script>
</body>
</html>