Добрый день.
Расскажите мне пожалуйста о разнице
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"></head>
<body>
<div>
///
</div>
<p>Привет<b>Как дела?</b>test</p>
<a href=''>Привет</a>
<script>
var parent = document.body.children[1].children[0];
var newb = document.createElement('b');
newb.innerHTML = ('дополнение');
parent.insertBefore(newb,parent.firstChild);
</script>
</body>
</html>
и
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"></head>
<body>
<div>
///
</div>
<p>Привет<b>Как дела?</b>test</p>
<a href=''>Привет</a>
<script>
var parent = document.body.children[1].children[0];
var newb = document.createElement('b');
newb.innerHTML = ('дополнение');
parent.insertBefore(newb,parent[0]);
</script>
</body>
</html>
Одно вставляет "дополнение" перед "Как дела", а другое после.
Не понимаю, почему так происходит.
И буду рад услышать совет, как упростить это:
var parent = document.body.children[1].children[0]
, ибо учу js второй день.
Спасибо.