如何为 HTML 元素制作 JavaScript 类构造函数

How to make a JavaScript class constructor for an HTML element

提问人:The AM 提问时间:10/25/2023 最后编辑:The AM 更新时间:10/25/2023 访问量:39

问:

我有一个函数,我用它来创建新元素。element()

function element(name, className, attributes, innerText) {

function element(name, className, attributes, innerText) {

    const element = document.createElement(name);
    element.setAttribute("class", className);

    if (attributes) {

        Object.keys(attributes).forEach(attr => {
            element.setAttribute(attr, attributes[attr]);
        });

    }

    if (innerText) element.innerText = innerText;

    return element;

}

如何将此函数转换为类构造函数?这是我的想法:

class Element {

    constructor (name, className, attributes, innerText) {

        this = document.createElement(name);
        this.setAttribute("class", className);

        if (attributes) {
            
            Object.keys(attributes).forEach(attr => {
                this.setAttribute(attr, attributes[attr]);
            });

        };

        if (innerText) this.innerText = innerText;

    };

}

但这会抛出一个错误,因为我无法为 .如何解决此问题?this

JavaScript HTML 构造函数 this

评论


答: 暂无答案