Javascript 如何在onclick事件之后将文本删除线设置为具有相同类的所有元素？

我有这个HTML：

<button onclick="hello()">Click Me</button>
<p class="myelement">Hello world 1</p>
<p class="myelement">Hello world 2</p>

按下按钮后，如何将文本更改为删除线

注意：我正在寻找香草JS方法。非jQuery方式。

As返回具有所有给定类名的所有子元素的类似数组的对象。您需要使用

for

循环它迭代它返回的元素

var ele = document.getElementsByClassName("myelement");
for(var i=0;i<ele.length;i++){
    ele[i].style.setProperty("text-decoration", "line-through");
}

var ele=document.getElementsByClassName（“myelement”）；
对于（var i=0；iJSFiddle


ele是一个数组，所以您应该自己更改每个元素


函数hello（）{
var ele=document.getElementsByClassName（“myelement”）；
用于（电气元件中的var i）
ele[i].style.textDecoration='line-through'
}

点击我
你好，世界1
Hello world 2

函数hello（）{
//获取类为“myclass”的元素。
var ele=document.getElementsByClassName（“myclass”）；
//将删除线添加到所有这些元素中。
对于（设i=0；i你好，世界1

你好，世界2

在两个相同的答案中，这一个读起来更好，所以投票吧。这看起来与Satpal的答案相同，但缺乏他们给出的解释。此外，这个答案上的蓝色大按钮似乎没有任何作用，而Satpal的演示是有效的。它有效，但我编辑了它，并错误地删除了HTML。现在它有效了。

var ele = document.getElementsByClassName("myelement");
for(var i=0;i<ele.length;i++){
    ele[i].style.setProperty("text-decoration", "line-through");
}

for (var i in ele)
    ele[i].style.textDecoration='line-through'