javascript - 我无法使用纯 JavaScript 使用 document.getElementById 动态访问文本区域的内容

Question

所以我有这个 JSON 格式

"questionList": [
    {
        "questionText": "Create a function that adds 2 parameters",
        "questionId": "1",
        "testCase": "3,5"
    },
    {
        "questionText": "Write a function that takes two integers, and subtracts the second from the first.",
        "questionId": "12",
        "testCase": "10,3"
    },...
]

我正在动态创建文本区域，我可以在其中回答每个问题。这是我的代码

var questionsDiv = document.getElementById("questions");
for (let i = 0; i < questions.length; i++) {
  var div = document.createElement('div');
  div.className = 'question';
  div.innerHTML = '<h3>Question ' + parseInt(i+1) + '</h3><h5>' + questions[i].questionText + '</h5><textarea rows="10" cols="130" id="questionText"' + questions[i].questionId + ' placeholder="Enter your answer here..."></textarea><br><br>'

  questionsDiv.appendChild(div);
}

最终目标是创建一个 json，其中包含为每个问题输入的答案。但是，当我尝试获取每个文本区域中的文本时，我得到一个“无法读取 null 的属性‘值’。这些只是我尝试获取 questionID 12 值的一些尝试。

console.log(document.question.questionText+questions[2].questionID.value);
console.log(document.getElementById("questionText12").innerHTML.value);
console.log(document.getElementById("questionText12").value);

如何使用纯 JS 动态获取文本区域的每个值？

Answer 1

我认为你放错了双引号:
id="questionText"' + questions[i].questionId + '
应该是
id="questionText' + questions[i].questionId + '"
或者您所有的问题都将具有相同的 ID。