使用JS创建自定义HTML元素时，应该使用构造函数吗？

Question

最近，我一直在使用Vanilla JS进行很多Web开发，并且想知道有关编码实践的问题。
我一直在编写函数来创建特定格式和设计的HTMLElements。例如，以下代码用于一个函数，该函数创建在页面的许多部分中使用的通用菜单栏。

function getSelectorMenuBar(title)
{
    const CURRENCY_BAR_TEXT_SIZE = 15;

    // Create the bar
    var spanBar = getInputBar(title, CURRENCY_BAR_TEXT_SIZE);

    appendContents(spanBar,{
        "Trimmed" : selectTab,
        "Flagged" : selectTab,
        "Hidden" : selectTab,
        "All" : selectTab
    });

    // Create the Text Input field
    var input = getInputTextField(CURRENCY_BAR_TEXT_SIZE);

    // Append it to the bar
    spanBar.appendChild(input);

    // Append the add button to the bar
    appendContents(spanBar, {"Add" : null});

    // Set the input container
    spanBar.inputElement = input;

    // return the bar 
    return spanBar
}

在这种情况下，为菜单栏创建JS构造函数会更好吗？还是会违反直觉，因为当前函数返回一个HTMLDivElement并且已经是一个单独的类？
我确实使用行spanBar.inputElement = input;向HTMLDivElement添加了一个属性。这样添加到对象的初始属性中是否意味着应该制作一个JS类？
我习惯于使用Java对环境进行更严格的编码。