寻找一种将网站上的一个元素自动更改为另一个元素的方法超链接到一个按钮

如何解决寻找一种将网站上的一个元素自动更改为另一个元素的方法超链接到一个按钮

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

<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 开发工具中更改它并且它有效，很明显，因为我只是手动给它 href 地址。可悲的是，我根本没有使用 tampermonkey 或greasemonkey 的经验，而且javascript 知识非常有限。想知道是否有可能，并希望得到任何帮助。

解决方法

这是基于您的示例的示例代码...

首先，您需要获取链接

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

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');