Untitled

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>css</title>

</head>
<body>
<ul id="elem">
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

<script>
    let list = document.querySelector("#elem"),
        listItems = list.children;
    for (let i = 0; i < listItems.length; i++) {
        listItems[i].innerHTML = listItems[i].innerHTML + '!';
    }

</script>
</body>
</html>