issue with codes execution order in javascript

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");
}

In console, it shows:

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

Question:

completeTable.setAttribute runs after console.log(completeTable);, how come, it still shows the table attributes?

Pouki · Accepted Answer · 2013-07-10 09:03:16Z

3

It is because console.log takes the state of the actual object when you look into the logged object... Try alert(completeTable.getAttribute("style")) instead and you will see there is no style yet.

answered Jul 10, 2013 at 9:03

Pouki

1,66412 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Liviu T. Over a year ago

logging primitive values will always print the value at the time of logging.

Collectives™ on Stack Overflow

issue with codes execution order in javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related