如何通过纯js访问新创建的元素?
问题描述:
我做了一些'警告'层来使用,而不是'alert()'。如何通过纯js访问新创建的元素?
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')};
,但没用......
答
试试这个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')
};
你准备怎么做? – Scimonster 2014-09-22 07:01:53
'appendChild()'返回新创建的元素,因此'warning = ...' – Teemu 2014-09-22 07:01:55
您已经使用createElement('div')创建了元素,创建后需要访问它,使用一些JS来访问它一旦元素创建被确认。 – Subh 2014-09-22 07:04:11