Javascript DOM How to - Check if a DOM element is available immediately after it has been added to the DOM tree

Question

We would like to know how to check if a DOM element is available immediately after it has been added to the DOM tree.

Answer


<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
window.addEvent('load', function() {
    var newButton = document.createElement('button');
    newButton.id = 'newbutton';
    newButton.innerHTML = 'button_test';
    document.body.appendChild(newButton);
    var forExample = document.getElementById('newbutton');
    console.log(forExample.offsetWidth);
});<!--from www .  j a va 2 s .c  o m-->
</script>
</head>
<body>
</body>
</html>

The code above is rendered as follows: