如何在javascript中转换jQuery追加？

我尝试使用以下Javascript方法：

document.createElement('div');

但以下是我要生成的jQuery代码和HTML：

var add_html = "<div class='card'><a href='#'><div'><img class='img-fluid' src='"+image+"' alt='picture'><div class='card-body'><h5 class='card-title'>"+name+"</h5></div></div></a></div>";
$("#my_div").append(add_html);

var add_html=”“；
$（“#我的分区”）.append（添加html）；

我如何使用香草javascript实现它

目标是在

bricklayer.append（document.createElement（'div'））中使用
您可以尝试使用以下方法：


var image='/../john.jpg'
变量名='John'；
var add_html=“”；
document.getElementById（'my_div'）.insertAdjacentHTML（'afterend'，add_html）
您可以创建元素，附加它，然后更改外部HTML

使用模板文字以便于代码维护


const
div=document.createElement（'div'），
name='Hello World'，
图像处理http://placekitten.com/g/280/120';
document.querySelector（“#my div”）.append（div）；
div.outerHTML=`
`;
#我的div{
显示器：flex；
证明内容：中心；
}
.卡片{
边框：薄实灰色；
填充：0.5em；
}
.card body>.card title{
文本对齐：居中；
边缘：0.5em；
}


你好，世界
window.addEventListener（'load'，函数（）{
var image='数据：image/gif；base64，r0lgodlhaqaabaaaach5baekaaaaaaaaaaaaaaaaaaicaaow='；
var name='Hello World'；
var div=document.getElementById（'my_div'）.appendChild（document.createElement（'div'））；
div.classList.add（'card'）；
var a=div.appendChild（document.createElement（'a'））；
a、 href='#'；
var anotherDiv=a.appendChild（document.createElement（'div'）；
var img=anotherDiv.appendChild（document.createElement（'img'）；
img.classList.add（'img-fluid'）；
img.src=图像；
img.alt=‘图片’；
var anotherNotherDiv=anotherDiv.appendChild（document.createElement（'div'））；
另一个是iv.classList.add（'card-body'）；
var h5=另一个northerdiv.appendChild（document.createElement（'h5'））；
h5.类别列表。添加（“卡片标题”）；
h5.innerText=名称；
});
.innerHTML
可用于普通javascript
文档。getElementById（“my_div”）.append（add_html）
我认为您正在查找文档。appendChild我在“节点”上执行“appendChild”时出现以下错误：参数1不是“Node”类型。@Ethavu
appendChild
将节点作为参数，不是HTML字符串。仍然获取
无法在“节点”上执行“appendChild”：参数1不是“节点”类型。
我需要在
bricklayer.append（document.createElement（'div'））中使用有一些语法错误，如
createEelement
，下面是输出：
因为我可能拼写错误
元素