Javascript 如何在浏览器上实时在我的html中添加脚本代码打开它

我想在我的html页面中添加一个脚本代码函数，我尝试使用$element.append'myscript'，但是，这个方法像文本一样添加，没有类似的代码

我怎么能做到

我在我的页面控制台中执行了以下代码：

document.querySelector("body").append('<script> function validarValorElemento(e){   var xpathWay = "xpath=//"+e.target.tagName+"[@class=\'" + e.target.className+"\']"    var elementValue = e.target.textContent  alert(xpathWay) alert(elementValue)}</script>');

---

为什么不直接将它添加到HTML中呢

但是，您可以通过JavaScript将任何包含内容的标记插入HTML，如下所示：

var htmlToInsert='我是动态添加的'； var target=document.querySelector'container'； target.innerHTML+=htmlToInsert； 容器{ 填充：10px； 背景：2000人； 颜色：fff； } .插入{ 利润率：20px0； 宽度：200px； 高度：200px； 背景：c00； } 我一直都在这里如果我正确理解您的问题-也就是说，如果您想将代码插入到您无法访问源代码的现有网页中-那么：

最简单的方法是使用名为的浏览器扩展，它允许您根据URL将javascript注入任何网页

TamperMonkey脚本分别安装或写入每个人的浏览器中，并且它们只影响该计算机上的网页。因此，如果你的朋友也想看到同样的效果，他还需要安装TamperMonkey扩展并添加你的脚本——这就是为什么现在全世界有数百万TamperMonkey用户的原因。非常惊人的产品-非常感谢

脚本存储库中还有大量预先存在的Tampermonkey脚本

TamperMonkey源于之前一个名为GreaseMonkey的扩展，所以无论你在哪里看到该名称的变体，它都可能与TamperMonkey有关。TamperMonkey的文档如下：

可能重复的