Estoy intentando crear un constructor que creará las diferentes partes de un formulario. Este es un ejemplo de la pregunta que querría que mi constructor creara:
<!-- LANGUAGE -->
<div class="form-group">
<label for="language">Idioma:</label>
<select class="form-control" id="language" name="language" required>
<option value="es">Español</option>
<option value="en">Inglés</option>
<option value="it">Italiano</option>
<option value="fr">Francés</option>
<option value="de">Alemán</option>
<option value="pt">Portugués</option>
</select>
</div>
De momento este es mi js:
class Select_question {
constructor(name, options) {
this._name = name;
this._options = options;
}
get create_select_question() {
var selectQuestion = '<div class="form-group">' +
'<label for="' + this._name + '">' + this._name + '</label>' +
'<select class="form-control" id="' + this._name + '" name="' + this._name + '" required>' +
'</select>' + '</div>';
var node = document.createElement("option");
for (let i = 0; i < this._options.length; i++) {
var textnode = document.createTextNode(this._options[i]);
node.appendChild(textnode)
}
selectQuestion.getElementsByClassName("form-control").appendChild(node);
document.getElementById("survey").appendChild(selectQuestion);
}
}
const country = new Select_question('country', ['1','2'])
console.log(country)
y este mi html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Survey questions generator</title>
</head>
<body>
<div id="survey"></div>
<script src="survey_questions_generator.js"></script>
</body>
</html>
No consigo que se genere la pregunta en el html y en la consola aunque me muestra el objeto me devuelve el siguiente error Exception: TypeError: selectQuestion.getElementsByClassName is not a function at Select_question.get create_select_question [as create_select_question]. He revisado la documentación y getElementsByClassName existe. Estoy perdida, ¿qué estoy haciendo mal?