Доброго времени суток, форумчане! Столкнулся со следующей проблемой, а скорее вопросом к опытным разработчикам. Сам вопрос в том, что я не могу понять почему так работает:
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<main>
</main>
<script>
var body = document.body;
var main = document.getElementsByTagName("main")[0];
main.innerHTML += "Hello";
body.innerHTML += "World!";
</script>
</body>
</html>
А так нет:
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<main>
</main>
<script>
var body = document.body;
var main = document.getElementsByTagName("main")[0];
body.innerHTML += "World!"; //переставил строку на другое место
main.innerHTML += "Hello";
</script>
</body>
</html>