Javascript 由于document.getElementById（）和document.querySelector（）未返回节点，无法在vanilla JS上追加子节点，这与jQuery'；新加坡元（）

我做不到：

document.querySelector("#myDiv").appendChild("<img src='./img/mine.png' class='mine hidden'></img>");

appendChild（）

需要一个节点，而不是jQuery的

append（）

所需要的字符串。因此，您可以创建一个

img

元素，然后将其作为

appendChild（）

的参数提供，如下所示：

var img=new Image（）；//备选方案：document.createElement（'img'）；
img.src='/img/mine.png'；
img.className='mine hidden'；
文档查询选择器（“myDiv”）.appendChild（img）
Vanilla JS具有设置HTML节点内部值的功能

也许可以尝试以下操作，而不是使用append函数：

document.getElementById("myDiv").innerHTML = "<img src='./img/mine.png' class='mine hidden'></img>"

document.getElementById（“myDiv”）.innerHTML=“”
很好，因为它们返回null，所以这是预期的。你希望得到什么样的答案？也许这是个时间问题？运行vanilla JS时节点是否存在？（在dom就绪时，在页面加载时？）
$("#myDiv").append("<img src='./img/mine.png' class='mine hidden'></img>");

document.getElementById("myDiv").innerHTML = "<img src='./img/mine.png' class='mine hidden'></img>"