Javascript document.getElementById通过JS而不是HTML提供Null

当我在html中定义输入标记并通过id在JS中访问时，我就得到了我的标记

HTML代码：

<input class="easyui-combobox" name="language" style="width:30%;" id= "XX">

var cc = document.getElementById("XX");

var input = document.createElement("input");
input.className = 'easyui-combobox';
input.style = 'width:30%';
input.id = "XX";

这里一切都很好

但是，当我从javascript创建并尝试访问时，我得到的是。我想要动态的，所以我需要从JS创建

JS代码：

<input class="easyui-combobox" name="language" style="width:30%;" id= "XX">

var cc = document.getElementById("XX");

var input = document.createElement("input");
input.className = 'easyui-combobox';
input.style = 'width:30%';
input.id = "XX";

在应用此项后，我将在此处获得null：

var cc = document.getElementById("XX");

---

必须使用

document.body.appendChild（输入）将创建的元素追加到文档中


var input=document.createElement（“输入”）；
input.className='easyui combobox'；
input.style='宽度：30%'；
input.id=“XX”；
document.body.appendChild（输入）；
console.log（document.getElementById（“XX”）必须使用
document.body.appendChild（输入）将创建的元素追加到文档中


var input=document.createElement（“输入”）；
input.className='easyui combobox'；
input.style='宽度：30%'；
input.id=“XX”；
document.body.appendChild（输入）；
console.log（document.getElementById（“XX”）您尚未附加元素

var input = document.createElement("input");
input.className = 'easyui-combobox';
input.style = 'width:30%';
input.id = "XX";
document.body.appendChild(input); 

var cc = document.getElementById("XX");
console.log(cc);

您尚未附加元素

var input = document.createElement("input");
input.className = 'easyui-combobox';
input.style = 'width:30%';
input.id = "XX";
document.body.appendChild(input); 

var cc = document.getElementById("XX");
console.log(cc);

您需要将输入元素附加到文档中

var input = document.createElement("input");
input.className = 'easyui-combobox';
input.style = 'width:30%';
input.id = "XX";
document.body.appendChild(input);

var input = document.createElement("input");
input.className = 'easyui-combobox';
input.style = 'width:30%';
input.id = "XX";
document.body.appendChild(input);

您需要将输入元素附加到文档中

var input = document.createElement("input");
input.className = 'easyui-combobox';
input.style = 'width:30%';
input.id = "XX";
document.body.appendChild(input);

var input = document.createElement("input");
input.className = 'easyui-combobox';
input.style = 'width:30%';
input.id = "XX";
document.body.appendChild(input);

您已经使用创建了元素-

var input = document.createElement("input");

现在需要将其附加到HTML中，以便在DOM中找到它


var input=document.createElement（“输入”）；
input.className='easyui combobox'；
input.style='宽度：30%'；
input.id=“XX”；
document.body.appendChild（输入）；
var fetchedElement=document.getElementById（“XX”）；
console.log（fetchedElement）您已使用-

var input = document.createElement("input");

现在需要将其附加到HTML中，以便在DOM中找到它


var input=document.createElement（“输入”）；
input.className='easyui combobox'；
input.style='宽度：30%'；
input.id=“XX”；
document.body.appendChild（输入）；
var fetchedElement=document.getElementById（“XX”）；
console.log（fetchedElement）元素已创建，但需要附加到DOM。使用
appendChild（）
或
insertBefore（）
方法

元素已创建，但需要附加到DOM。使用
appendChild（）
或
insertBefore（）
方法