如何通过纯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') 
};