Wrap texts with span or any tag pure javascript

by Simplybj

HTML

: <ul class="wrap_me">
  <li class="li">asdf</li>
  <li class="li">asfffdf</li>
</ul>

CSS

span {
  color: red;
}

JavaScript

function WrapLiText() {

  let li = document.getElementsByClassName("li");
  let l = li.length;
  for (var i = 0; i < l; i++) {
    let text = li[i].innerText;
    let append = "<span>" + text + "</span>";
    li[i].innerHTML = append;
  }
}
WrapLiText();