Javascript 如何在现有多个ElementsByCassName上设置createTextNode？

我想输出像贝娄。。。 输出：

孟加拉语
数学
英语
物理学
化学
生物学

剧本

var book_item = document.querySelectorAll('.book-item')
var book_item_after = document.createElement('span')
var note = document.createTextNode(" is my class book.")
    book_item_after.appendChild(note)
    for(var i = 0; i < book_item.length; i++){
        book_item[i].appendChild(note)
    }

var book\u item=document.queryselectoral（“.book item”）
var book\u item\u after=document.createElement（'span'）
var note=document.createTextNode（“是我的类书”）
在.appendChild之后的book\u item\u（注）
对于（变量i=0；i

您必须在循环中调用

createTextNode

，或者，更好的选择是对现有元素使用

insertAdjacentHTML

：

var book\u item=document.queryselectoral（“.book item”）
对于（变量i=0；i

孟加拉语
数学
英语
物理学
化学
生物学

<ul id="book" >
    <li class="book-item">Bangla</li>
    <li class="book-item">Math</li>
    <li class="book-item">English</li>
    <li class="book-item">Physics</li>
    <li class="book-item">Chemistry</li>
    <li class="book-item">Biology</li>
</ul>

var book_item = document.querySelectorAll('.book-item')
var book_item_after = document.createElement('span')
var note = document.createTextNode(" is my class book.")
    book_item_after.appendChild(note)
    for(var i = 0; i < book_item.length; i++){
        book_item[i].appendChild(note)
    }