JavaScript:DOM操作，然后搜索所有元素

我将（通过AJAX）将几个新元素加载到DOM中。之后，我想“刷新”文档变量以选择现有元素和新元素

我试着用这个小例子来简化我的问题：

// Creating a new element and insert it into DOM
var newdiv = document.createElement('div');
newdiv.style.color = 'red';
newdiv.innerHTML = 'this is a new div container';
newdiv.classList = 'newdiv';
document.getElementById('existingdiv').appendChild(newdiv);

// Search the complete DOM for the new element and try to select it (but abc is null)
var abc = document.querySelector('newdiv');
abc.style.color = 'blue';

---

任何想法（没有jQuery）

newdiv

都是类而不是元素。要确定目标，必须在选择器中指定点（

）和类名：

var abc = document.querySelector('.newdiv');

---

newdiv

是类而不是元素。要确定目标，必须在选择器中指定点（

）和类名：

var abc = document.querySelector('.newdiv');

之后，我想“刷新”文档变量以选择现有元素和新元素

没有必要，

文档

是实时的

querySelector（'newdiv'）

查找标记名为的元素。您可能指的是

querySelector（'.newdiv'）

，它在DOM中查找具有该类的第一个元素

实例：

//创建新元素并将其插入DOM
var newdiv=document.createElement（'div'）；
newdiv.style.color='red'；
newdiv.innerHTML='这是一个新的div容器'；
newdiv.classList='newdiv'；
document.getElementById（'existingdiv'）.appendChild（newdiv）；
//在整个DOM中搜索新元素并尝试选择它（但abc为空）
var abc=document.querySelector（'.newdiv'）；
abc.style.color='蓝色'

之后，我想“刷新”文档变量以选择现有元素和新元素

没有必要，
文档
是实时的

querySelector（'newdiv'）
查找标记名为的元素。您可能指的是
querySelector（'.newdiv'）
，它在DOM中查找具有该类的第一个元素

实例：


//创建新元素并将其插入DOM
var newdiv=document.createElement（'div'）；
newdiv.style.color='red'；
newdiv.innerHTML='这是一个新的div容器'；
newdiv.classList='newdiv'；
document.getElementById（'existingdiv'）.appendChild（newdiv）；
//在整个DOM中搜索新元素并尝试选择它（但abc为空）
var abc=document.querySelector（'.newdiv'）；
abc.style.color='蓝色'
Thx-对不起，我好像是瞎子！对不起，我好像是瞎子！