Javascript 将长短语拆分为数组

我需要记住这句话

每年的这个时候，你都会清理壁橱，掸掉架子上的灰尘，整理地板。一旦你处理好了灰尘和污垢，用数码清洗怎么样？浏览你所有的文件和计算机可能看起来是一项艰巨的任务，但我们找到了让这个过程相当轻松的方法

一按按钮,

将其拆分为一个数组

在每个步骤中迭代该数组

随着属性一起构建跨度元素

将跨度元素添加到原始DIV

将单击处理程序添加到SPAN元素或DIV中，这会导致SPAN上的样式在鼠标悬停时发生更改

到目前为止我已经

function splitString(stringToSplit, separator) {
  var arrayOfStrings = stringToSplit.split(separator);

  print('The original string is: "' + stringToSplit + '"');
  print('The separator is: "' + separator + '"');
  print("The array has " + arrayOfStrings.length + " elements: ");

  for (var i=0; i < arrayOfStrings.length; i++)
    print(arrayOfStrings[i] + " / ");
}

var space = " ";
var comma = ",";

splitString(tempestString, space);
splitString(tempestString);
splitString(monthString, comma);
for (var i=0; i < myArray.length; i++)
{

}
var yourSpan = document.createElement('span');
yourSpan.innerHTML = "Hello";

var yourDiv = document.getElementById('divId');
yourDiv.appendChild(yourSpan);

yourSpan.onmouseover = function () {
    alert("On MouseOver");

}

函数拆分字符串（stringToSplit，分隔符）{
var arrayOfStrings=stringToSplit.split（分隔符）；
打印（'原始字符串为：“+stringToSplit+”）；
打印（'分隔符为：“+”分隔符+”）；
打印（“数组有“+ArrayOfString.length+”元素：”）；
对于（变量i=0；i

对于html，我有

The DIV that will serve as your input (and output) is here, with
        id="transcriptText":</p>
      <div id="transcriptText"> It’s that time of year when you clean out your
        closets, dust off shelves, and spruce up your floors. Once you’ve taken
        care of the dust and dirt, what about some digital cleaning? Going
        through all your files and computers may seem like a daunting task, but
        we found ways to make the process fairly painless.</div>
      <br>
      <div id="divideTranscript" class="button">&nbsp;Transform the
        Transcript!&nbsp; </div>

将用作输入（和输出）的DIV在这里，带有
id=“转录文本”：

每年的这个时候你都会清理房间
壁橱，掸掉架子上的灰尘，整理你的地板。一旦你采取了
注意灰尘和污垢，数码清洗怎么样？离去
通过你所有的文件和计算机可能看起来是一项艰巨的任务，但是
我们找到了让这个过程相当轻松的方法。


改造
成绩单

---

有关于如何移动的帮助吗？我已经被困了很长一段时间了。首先，这看起来像是家庭作业

也就是说，我会尽量不给你实际的代码来帮助你，因为我们不应该给家庭作业提供实际的工作解决方案。您拆分字符串的次数太多（根据您给出的说明，只需拆分一次），您必须将拆分调用的结果存储在其他代码可以使用的地方

您的说明要求向范围添加属性，但没有说明应该添加哪些属性或其内容

您的功能应遵循以下说明：

1） 分开绳子。因为它没有具体说明什么，我就假设是文字。因此，只在空格上拆分，并保留标点符号

2） 使用split（）函数返回的单词数组，像您尝试的那样对其进行迭代，但在作用域的大括号内，循环是您希望围绕原始单词连接

开始和结束标记的地方

3） 使用document.createElement（）将当前跨度设置为DOM元素。将鼠标悬停并单击处理程序，然后将其附加到div

将处理程序添加到按钮以调用上述函数

---

请注意，使用innerHTML（）函数一次插入所有跨距可能更有效，但随后必须再次循环以添加悬停/单击处理程序

你的代码出了什么问题？那么我如何编辑它来分割整个短语，我感谢你的帮助我只是对编码非常陌生，虽然我理解你说的大部分内容，但我不确定是否要去做。我是否在每个单词前都添加类似的span？拆分是按照您已经使用的方式完成的。如果您想在不删除标点的情况下拆分每个单词，最直接的方法就是

短语。拆分（“”）

（这是一个空格，表示您正在拆分每个空格）。如果由于任何原因在单词之间有多个空格，则该操作将失败（当然，不会失败，但也会添加到数组空格中），尽管这对于您的目的来说似乎还可以。至于班级和身份证；它没有列在您的需求中，但如果您想添加它们，您可以。