document.write的未捕获语法错误

Question

document.write("<div id='MainDiv' style='width:600px;margin:auto;'>")

在浏览器中打开文件时，会出现错误

  

未捕获的语法错误：意外的令牌ILLEGAL

这是什么解决方案？

Answer 1

试试这个：

document.write("<div id='MainDiv' style='width:600px;margin:auto;'>")

Answer 2

你错过了字符串末尾的双引号。 它的代码更多，但我建议使用JS HTML / DOM API，因为它使代码更容易维护和阅读，而不仅仅是添加HTML字符串。

var div = document.createElement("div");
div.id = "MainDiv";
div.style.width = "600px";
div.style.margin = "auto";
document.body.appendChild(div);

Answer 3

$('body').html("<div id='MainDiv' style='width:600px;margin:auto'>");

或者：

$('body').append("<div id='MainDiv' style='width:600px;margin:auto'>");

或者使用原生JavaScript：

var myDiv = document.createElement('div');

这会创建你的div，你现在可以设置它。