将HTML中的onclick直接替换为JavaScript

我的代码可以按我想要的方式工作，但我正在尝试使用动态DIV id：

$（函数（）{
var contents=$（'#term1'）.text（）.split（''），
modText=''；
对于（变量i=0；i
span.underline{
文字装饰：下划线；
颜色：蓝色；
}
跨度{
光标：指针；
}

Lorem ipsum dolor sit amet
提交
您可以使用
查询选择全部

步骤1。使用
querySelectorAll
获取所有按钮

步骤2。绑定所有按钮上的单击事件

步骤3。获取
previousElementSibling
以获取跨度值

试试这个


var buttons=document.querySelectorAll（'button'）；
var span=document.querySelectorAll（'span'）；
对于（var i=0；我能不能将所有按钮包装在一个div或fieldset中，并使用子选择器而不是ID？很难从一个人为的示例中分辨出来。它已经连接到多个ID上；只需针对您想要的ID运行
.html（modText）
$（'#term2'）.html（modText）；
。是的，@obsidiange它可以工作，但是我的ID是动态生成的，我可以有数千个。在这种情况下，我必须先有一个for，然后才能使用函数来处理ID，我不确定这是否是一种好的方法code@Paul我不知道你们在说什么。我是Javascript和jQuery领域的新手。我在wor学习king on Project，因为这是我学习的唯一方法。@CreekBarbara检查我的更新答案。希望它能帮助我感谢您的时间。代码没有按我所希望的那样工作。当您在跨度中选择一个单词时，它应该加下划线，当您单击按钮时，您会收到一个关于您所选单词的警报。只是一个更正：不要选择该单词，而是单击测试我的初始代码，了解它是如何工作的。