如何通过单击元素旁边的按钮添加删除线属性？

要通过单击元素旁边的按钮添加删除线属性，可以通过以下步骤实现：

1. 首先，需要在HTML中定义一个元素，比如一个段落（<p>）或者一个文本（<span>）。
2. 在CSS中，使用选择器选中该元素，并为其添加一个class或者id属性，以便后续的样式操作。
3. 在CSS中，使用text-decoration属性来添加删除线样式。将其值设置为"line-through"即可实现删除线效果。
4. 在HTML中，添加一个按钮元素，比如一个按钮（<button>）或者一个图标（<i>）。
5. 在JavaScript中，使用事件监听器（event listener）来监听按钮的点击事件。
6. 当按钮被点击时，通过JavaScript操作DOM（Document Object Model）来获取目标元素，并为其添加或移除删除线样式。

以下是一个示例代码：

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属性，从而添加或移除删除线样式。