使用JavaScript中的builder模式方法在dom中构建标记

使用JavaScript中的builder模式方法在dom中构建标记,javascript,Javascript,我是个新手。我想在id:container的单个div中使用dom中的builder模式方法来创建新标记,并为标记提供几个属性,但是我的代码不起作用,我不知道问题出在哪里。请帮帮我 class-createTag{ 构造函数(标记名){ this.tagName=document.createElement(标记名); } setTagAppend(idTag,创建){ this.position=idTag.append(创建) 归还这个; } setAttribute(idTag、属性、值

我是个新手。我想在id:container的单个div中使用dom中的builder模式方法来创建新标记,并为标记提供几个属性,但是我的代码不起作用,我不知道问题出在哪里。请帮帮我

class-createTag{
构造函数(标记名){
this.tagName=document.createElement(标记名);
}
setTagAppend(idTag,创建){
this.position=idTag.append(创建)
归还这个;
}
setAttribute(idTag、属性、值){
this.attribute=idTag.setAttribute(属性,值);
归还这个;
}
getAttribute(idTag,attribute){
this.attribute=idTag.getAttribute(属性);
归还这个;
}
}
const newTag=newcreatetag('div'))
.setTagAppend(容器,新标签)
.setAttribute(“校准”、“颜色”)
.color{
背景色:红色;
}

登录

这是您希望实现的目标吗

class-createTag{
构造函数(标记名){
this.node=document.createElement(标记名);
}
setTagAppend(idTag){
appendChild(this.node);
归还这个;
}
setAttribute(属性、值){
this.node.setAttribute(属性,值);
归还这个;
}
getAttribute(idTag,attribute){
返回this.node.hasAttribute(属性)?this.node.getAttribute(属性):false;
}
}
const newTag=newcreatetag('div'))
.setTagAppend(document.getElementById('container'))
.setAttribute(“类”、“颜色”)
#容器{
背景:黄色;
填充:1rem;
宽度:100%;
高度:100vh;
}
.颜色{
宽度:250px;高度:5rem;
背景色:红色;
}

idTag.append
~应该不是
idTag.appendChild
?而
cals
应该是
class
。您在哪里分配
容器