idea使用,在<script>标签中document没有被编译

<style>
   div {
       color: blue;
   }
</style>
<script>

    document.write("<table align='center'>");
    for(var i = 1; i<=9; i++){
        document.write("tr");
        for (var j = 1; j <=i; j++) {
            document.write("<td>"+j+"*"+i+"="+i*j+"</td>");

        document.write("/tr");
    }
    document.write("</table>");

</script>
111111111111111
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      div {
        color: blue;
      }
    </style>
    <script>
      document.write("<table align='center'>");
      for (var i = 1; i <= 9; i++) {
        document.write("<tr>");
        for (var j = 1; j <= i; j++) {
          document.write("<td>" + j + "*" + i + "=" + i * j + "</td>");
        }
        document.write("</tr>");
      }
      document.write("</table>");
    </script>
  </head>
  <body></body>
</html>