Javascript 尝试使用此关键字将函数变量附加到文档

我正在尝试将一个图像附加到我创建的对象内部的div中。 因此，我有我的对象，我试图在其中附加一个元素到一个文档。 问题是：

document.this.Element.append（）

不起作用

---

您将如何解决此问题？

如果我正确理解您的问题，那么以这种方式访问

文档
字段
document.this.Element.append（）
，可能会给您带来问题

文档
字段在浏览器上下文中全局定义，没有
此
字段。这意味着
document.This.Element.append（）
可能会引发异常，这就是代码无法工作的原因

假设元素字段对应于您的<代码> <代码>，请考虑以下内容：
var Element = document.querySelector('div'); // Get reference to div element

然后，要将图像元素添加到div中，可以使用
appendChild（）
方法，如下所示：

var image = document.createElement('img'); // Create a new image element
Element.appendChild(image); // Append new image element to div

我不确定您的类是如何围绕这个DOM交互设置的，但是下面的代码片段可能会为您提供一些帮助的线索/指针：


//假设这是您的类
给你的对象分类{
构造函数（）{
//您可以初始化构造函数中的元素字段。我们将
//将其设置为DOM中的div元素
this.Element=document.querySelector（'div'）
}
youObjectFirstMethod（）{
//在类方法中，首先创建一个新的image元素，如下所示
var image=document.createElement（'img'）；
//然后将您的图像URL分配给它
image.src=https://pbs.twimg.com/profile_images/643157180594585601/dsaEOMIS.jpg';
//然后将image元素附加到DOM。您可以访问该元素
//我们在构造函数中初始化以将图像附加到的字段
//这样做
this.Element.appendChild（图像）
}
youObjectSecondMethod（）{
//在类方法中，首先创建一个新的image元素，如下所示
var image=document.createElement（'img'）；
//然后将您的图像URL分配给它
image.src=https://1.bp.blogspot.com/-wqo9oAoKa8Y/UJxVWogEp5I/AAAAAAAABfg/OeN6lWUcJ3g/s1600/Egyptian-Mau-Cat_Picture.jpg';
//您可以实现相同的功能，而不需要元素字段
//通过直接访问当前DOM文档
document.querySelector（'div'）.appendChild（图像）
}
}
新建YourObject（）.youObjectFirstMethod（）
新建YourObject（）.youObjectSecondMethod（）