将元素添加到for循环的其他元素中，仅渲染最后一个项目

Question

我希望自己为自己制作一个工具，也就是我可以在网页上（尤其是Google表单）使用的javascript书签，我想遍历页面上的所有问题，并添加有用的提示或单词的定义（如果那是什么）问题在问。我在将孩子附加到每个元素上时遇到问题，目前只有最后一个问题要附加任何内容。这是我为此使用的一些代码

    var x = document.createElement("P");    
    var t = document.createTextNode("This is an example of some notes");
    x.appendChild(t);                                        
   //getting list of questions
   var questions = document.getElementsByClassName("freebirdFormviewerComponentsQuestionBaseHeader");

   for(var i = 0;i<questions.length;i++){
       x.innerHTML=i;
       questions[i].appendChild(x);
       console.log(i);
   }
//for some reason only the last question has text visible

谢谢！

edit：这里是我使用的表单链接，我也尝试过其他表单，但是它们的问题仍然相同。 console.log的输出如下code 0 1 2 3 4 //up to the number of questions so i think it may just be a visual bug https://docs.google.com/forms/d/e/1FAIpQLSfuvQKv0KtayB8MwQ-oYj5kf6K8I8dWIzJhqeDqMWZdwMY1mQ/viewform