怎样用js将一个div中所有p段落中的西文字符(字母，数字等)用一对span包裹起来

Question

比如我有如下html代码<div id="target">     <p>微软Windows 10操作系统</p></div>我希望js执行后把他变成这样<div id="target">     <p>微软<span class="myclass">Windows 10</span>操作系统</p></div>该如何实现呢？

Answer 1

function replaceTextWithSpanWrap(id, tagName, className) {

    Array.prototype

         .slice

         .call(document.getElementById(id).getElementsByTagName(tagName))

         .map(function(node) {

              node.innerHTML = node.innerHTML.replace(/[A-Za-z0-9\s]+/g, function(text) {

                  return '<span class="' + className + '">' + text + '</span>';

              });

          });

}

replaceTextWithSpanWrap('target', 'p', 'myclass');