如何通過純js​​訪問新創建的元素？

Question

我做了一些'警告'層來使用，而不是'alert（）'。

code : 
warning = document.getElementById('warning'); // This line is what exactly I want to make functional. the code out side of warning(); This line runs before 'elem:div#warning' is made by warning(). 

function warning() { 
a = document.createElement('div'); 
document.body.appendChild(a); 
a.id = 'warning'; 
a.className= 'warning'; 
} 

但我不知道如何通過javascript訪問新創建和添加的元素。

我認爲CSS可以很好地處理新添加的元素。但js不是。

我搜索谷歌，並發現了一些方法將登記自動使用原型新創建的元素，但它是很難理解，我...

所以，我試圖做的是，進入新創建的元素「在'a'被創建之前執行的JavaScript。

這個方法我試過：

if(document.getElementById('warning')) {alert('asdf')}; 

，但沒用......

Answer 1

試試這個fiddle，工作對我來說，做小的變化。

function warning() { 
    a = document.createElement('div'); 
    document.body.appendChild(a); 
    a.id = 'warning'; 
    a.className= 'warning'; 
} 

warning(); 

warningDiv = document.getElementById('warning'); 

if(document.getElementById('warning')) { 
    alert('warning div on DOM') 
};