要通过单击元素旁边的按钮添加删除线属性,可以通过以下步骤实现:
以下是一个示例代码:
HTML代码:
<p id="myText">这是一个示例文本。</p>
<button id="myButton">添加/删除删除线</button>
CSS代码:
.del-line {
text-decoration: line-through;
}
JavaScript代码:
var textElement = document.getElementById("myText");
var buttonElement = document.getElementById("myButton");
buttonElement.addEventListener("click", function() {
if (textElement.classList.contains("del-line")) {
textElement.classList.remove("del-line");
} else {
textElement.classList.add("del-line");
}
});
在这个示例中,当按钮被点击时,通过JavaScript代码切换目标元素的class属性,从而添加或移除删除线样式。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云