usa-1450,
И создается, и удаляется. Только результат показывается после завершения работы скрипта.
<!DOCTYPE html>
<html>
<head>
<title>Добавление элементов</title>
</head>
<body>
В этом документе содержится только этот текст.
<br><br>
<script>
function O(i) {return typeof i == 'object' ? i : document.getElementById(i)}
function S(i) { return O(i).style }
alert('Для добавления элемента щелкните на кнопке OK')
newdiv = document.createElement('div')
newdiv.id = 'NewDiv'
document.body.appendChild(newdiv)
S(newdiv).border = 'solid 1px red'
S(newdiv).width = '100px'
S(newdiv).height = '100px'
newdiv.innerHTML = "Это новый объект, вставленный в DOM"
tmp = newdiv.offsetTop
alert(tmp)
// alert('Для удаления элемента щелкните на кнопке OK')
// pnode = newdiv.parentNode
// pnode.removeChild(newdiv)
// tmp = pnode.offsetTop
</script>
</body>
</html>
