JS DOM createElements 和appendChild 不起作用

我正在尝试创建一个包含一些学生信息的网站。因此，我需要创建动态配置文件卡并将它们附加到正文中。但 DOM 总是让我着迷。

function student(src, name) {
    this.src = src;
    this.name = name;
}

var student1 = student(1, "ABC");

var card = document.createElement('div');
card.className = 'card';

var image = document.createElement('img');
image.src = 'images\/students\/' + student1.src + '.jpg';
card.appendChild(image);

var stuName = document.createElement('p');
stuName.className = 'name';
var stuNameText = document.createTextNode(student1.name);
stuName.appendChild(stuNameText);
card.appendChild(stuName);

然而屏幕上什么也没有显示。 place这里是body的id。任何帮助将不胜感激。

Edit:
显然，应用所有必要的更改并将我的脚本标记移动到正文会有所帮助。

您创建 Student1 对象的方式是错误的var student1 = new student(1, "ABC");你忘记了新的关键字

function student(src, name) {
    this.src = src;
    this.name = name;
}

var student1 = new  student(1, "ABC");

var card = document.createElement('div');
card.className = 'card';

var image = document.createElement('img');
image.src = 'images\/students\/' + student1.src + '.jpg';
card.appendChild(image);

var stuName = document.createElement('p');
stuName.className = 'name';
var stuNameText = document.createTextNode(student1.name);
stuName.appendChild(stuNameText);
card.appendChild(stuName);
var main=document.getElementById('main')
main.appendChild(card)

.card{    color: palevioletred;
    background: yellow;}

<div id="main"></div>