寻找一种自动将网站上的一个元素更改为另一个元素的方法.准确地指向按钮的超链接

Question

所以我在一个网页上有一个超链接，它是：

<a href="123.com" onclik="this.href+='&amp;sub=442028';" name="1909e63d" class="cs"><b>456</b></a>
And i want it to be a button instead of hyperlink.

类似：

<input type="button" class="butt1" name="but" value="456" onclick="123.com'">

我试着在chrome-dev工具中更改它，它很有效，很明显，因为我手动给了它href地址。遗憾的是，我对tampermonkey或油腔滑调没有任何经验，对javascript的了解也非常有限。不知道这是否可能，并希望得到任何帮助。

Answer 1

以下是基于您的示例的示例代码。。。

首先，你需要得到链接

如果只有一个链接，请根据选择器找到它：

const a = document.querySelector('a.cs');

创建输入

const input = document.createElement('input');
input.type = 'button';
input.className = 'butt1';
input.name = 'but';
input.value = '456';
input.onclick = 'window.location.href=' + a.href;

注意：更好的方法是使用input.addEventListener('click', function)而不是onclick。

用按钮替换链接

a.parentNode.replaceChild(input, a);

如果有多个链接，那么你需要获取它们并循环通过它们，例如

const a = document.querySelectorAll('a.cs');