Javascript getElementById（）选择其他浏览器元素

我在javascript中面临着一种非常奇怪的跨浏览器行为，在不同的浏览器（Firefox、Chrome和Safari）中打开相同的页面时调用代码

我试着在下面编写最简单的代码来重现它。当挂起按钮的

onclick

事件时，我将一些内容记录到控制台，并向页面添加

元素：

document.getElementById（'click'）。onclick=function（）{
console.log（'click'）；
var content=document.getElementById（'content'）；
var p=document.createElement（'p'）；
var t=document.createTextNode（“单击发生”）；
p、 儿童（t）；
内容：儿童（p）；
};
点击
这不是一个bug，而是的一个特性
 你需要更具体一些。您使用的浏览器出现此问题（请选择浏览器和版本）？这种行为似乎不太可能。嗯，这应该是不可能的……我知道这是不可能的（出于安全原因而设计），但我刚刚测试了您的代码的ha，ha，并同时在几个浏览器选项卡中打开了它。正如预期的那样，一个页面上发生的事情对其他页面没有影响。我同意这种行为不太可能发生，我非常担心在3个主要浏览器上复制它……我尝试将它推到github页面中，但问题没有发生。我必须使用
browser sync start--server--files“*.html、*.css、*.js”