如何通过纯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访问新创建的元素“ a”。

我尝试了这种方法：

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

但这没用...

Answer 1

试试这个小提琴 ，对我有用 ，做了些零钱。

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')
};