html div在切换时接受焦点，但在通过javascript设置时不接受焦点

在我的页面（Blazor服务器）上，我有一个div，我希望能够通过javascript设置焦点，但我无法让它工作。我在div上设置了tabindex=“0”，如果我在应用程序中使用tab键，它将聚焦，但在javascript中不起作用。疯狂的事情是，我有一段时间前就开始工作了，但就我的一生而言，我不知道是什么改变导致了它停止工作。这是我的javascript函数。我已经通过控制台验证了发送的元素id是正确的。关于我可能要找的东西有什么想法吗

function setFocus(elementId) {
    this.console.warn("Setting focus to element " + elementId)
    const element = document.getElementById(elementId);
    if (element) {
        element.focus();
        this.console.warn("Focus set to element " + elementId)
    }
    else {
        this.console.warn("setFocus could not find element " + elementId)
    }
}

---

我不能。请确保您没有设置div的样式，这样它就不会显示它已获得关注，并且警告不会从控制台输出中过滤掉。感谢您的回复。如果它的样式不显示焦点，那么在浏览应用程序时，这难道不是一个问题吗？在这种情况下，它实际上显示了焦点。我确实看到了控制台中的消息，它找到了元素并将焦点放在它上面，但是它只是没有显示焦点。。？啊哈！你的CSS做到了。很明显，我的造型引起了一个问题，你的思路是对的。我仍然不确定是什么原因导致了这种情况，但当我使用你的聚焦类时，它开始工作了。谢谢你的帮助！我一直在研究开发工具，试图弄清楚它是什么，但我确实发现，本机焦点边界受是否显示开发工具（至少在Chrome中）的影响。这只是一些有趣的东西，但对于你的聚焦类来说，不管发生什么事情，它都会起作用，所以我就这么说。再次感谢！