原生JS获取并让多个ul列表下的第一个li里的字符串，变成首位正常，中间****号

Question

假设现在有3个ul，第一个li都是一长串的字符串，怎么让这3个的第一个Li的字符串变成首位正常，中间*号，用JS操作！

<ul id="one>
<li>尖山的是</li>
<li>1561</li>
</ul>
<ul id="two>
<li>尖232fd是</li>
<li>2561</li>
</ul>
<ul id="tr>
<li>wer2fsdf</li>
<li>8522</li>
</ul>

Answer 1

假如是这样的东西，通过选择器获取第一个li

然后就是变成*，直接正则,或者其他方式一搞就OK

我直接拼接一下

Array.from(temp1.querySelectorAll('li:first-child')).forEach(v=>{
    v.innerText= (v.innerText,v.innerText[0]+('*'.repeat(v.innerText.length -1)))
})

Answer 2

这思路怎么看都很别扭，现在不都是 MVVM 嘛，你直接修改数据不就好了？