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

Question

我有这个HTML:

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

这是我的JS:

function hello(){
    alert('hello!');
    var ele = document.getElementsByClassName("myelement");
    ele.style.setProperty("text-decoration", "line-through");
}

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

小提琴

注意:我正在寻找vanilla JS方法.不是jQuery方式.

Answer 1

工作JSFiddle

https://jsfiddle.net/jqa7xjmf/2/

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

ele是一个数组,所以你应该自己改变每个元素

function hello(){
    var ele = document.getElementsByClassName("myelement");
    for (var i in ele)
	ele[i].style.textDecoration='line-through'
    
}

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