修改一包js实现10个div文字

如何使用JS实现修改一包js文件，在html中10个div内容中前面添加几个文字。如下面10个div中都是：这是文字，我想使用js在文字的前面加一些相同的文字，如：我爱这是文字。js写一个我爱的文字，然后添加到html中这是文字的前面。



```html
<div>这是文字</div>
<div>这是文字</div>
<div>这是文字</div>
<div>这是文字</div>
<div>这是文字</div>
<div>这是文字</div>
<div>这是文字</div>
<div>这是文字</div>
<div>这是文字</div>
<div>这是文字</div>

```

img


<!DOCTYPE html>
<html>
</html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
</body>
<script>
    var dom = document.getElementsByTagName('div')
    for(var i=0;i<dom.length; i++){
        var text = dom[i].innerHTML
        dom[i].innerHTML = '我爱' + text
    }
</script>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function changeText() {
            let node = document.getElementById("test");
            let es = node.getElementsByTagName("div");
            console.log(es.length)
            for (const e of es) {
                e.innerHTML = "我爱"+e.innerHTML
            }
        }
    </script>
</head>
<body>
<input type="button" onclick="changeText()">
<div id="test">
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
    <div>这是文字</div>
</div>
</body>
</html>

可以参考一下