Javascript 函数返回 [object HTMLSelectElement] 字符串而不是 HTML标签

Question

我正在尝试创建并调用一个函数，该函数构建 项目并返回该项目以在屏幕上呈现。

但是，它在屏幕上呈现文本“[object HTMLSelectElement]”，而不是我想要的 元素。但在 Chrome 控制台中，它完美地呈现 元素。

function renderSelect(selectOptions) {
  var select = document.createElement("select");

  for (let index = 0; index < selectOptions.length; index++) {
    const element = selectOptions[index];

    select.insertAdjacentHTML(
      "beforeend",
      `<option value="${element}">${element}</option>`
    );
  }

  // This shows the <select> element perfectly in the console
  console.log(select)

  return select;
}

////////// BELOW IS THE FUNCTION CALL IN ANOTHER (WHICHEVER) PART OF THE CODE

// This renders "[object HTMLSelectElement]" on the screen instead of the <select> element
`${renderSelect(selectOptions)}`;