Javascript 在单击图标时将图标的值添加到输入字段中

HTML部分

<a href="#" class="btn btn-primary p-1 m-1"><i class="fab fa-instagram-square fa-2x mt-1" value="fab fa-instagram-square" onclick="changeValue(this)"></i></a>
<a href="#" class="btn btn-primary p-1 m-1"><i class="fab fa-instagram fa-2x mt-1" value="fab fa-instagram"></i></a>
<a href="#" class="btn btn-primary p-1 m-1"><i class="fab fa-tiktok fa-2x mt-1" value="fab fa-tiktok"></i></a>
    
<input class="form-control w-100" id="icon" name="icon">

我的愿望是使用图标值或更好的类来添加/更改输入值（例如：fab fa instagram square）

我的结果是这样的：

---

要单击图标的类，可以使用className

document.getElementById('icon').value=o.className;

---

我得到这个希望，你没有错过任何信息，你已经在上面的代码共享。根据代码，使用className将给出图标的类，即“fab fa instagram square fa-2x mt-1”基于图像共享的hmm，看起来您正在使用svg。你能告诉我你正在使用的html吗？试试这个：o.className.baseVal；

document.getElementById('icon').value=o.className;