Question

test.php的：

<script type="text/javascript" src="test.js"></script>
<body onload="init()">

test.js：

var req;
var isIE;
var completeField;
var completeTable;
var autoRow;
function init() {
    completeField = document.getElementById("complete-field");
    completeTable = document.createElement("table");
    console.log(completeTable);
    completeTable.setAttribute("class", "popupBox");
    completeTable.setAttribute("style", "display: none");
}

在控制台中，它显示：

<table class="popupBox" style="display: none"></table>

问题：

completeTable.setAttribute在console.log(completeTable);后运行，为什么还会显示表属性？

Answer 1

这是因为console.log在您查看记录的对象时会获取实际对象的状态...请尝试使用alert(completeTable.getAttribute("style"))，您将看到还没有样式。

javascript中的代码执行顺序问题

1 个答案: