在 HTML 标头中将 CSS 添加到 Javascript 源？答案

【问题标题】：Add CSS to Javascript source in HTML header?在 HTML 标头中将 CSS 添加到 Javascript 源？
【发布时间】：2020-12-03 16:31:11
【问题描述】：

我有一个调用 Javascript 的 html。我无法编辑源脚本，所以想编辑 HTML 标头中某些元素的 CSS 样式。

<head>
    <script src="someJavascript.js"></script>
</head>

所以基本上我需要将以下 Javascript 行翻译成 html 并以某种方式将其添加到脚本标签中。

document.querySelector('[title="MyTitle"]').style.display = "none"

有人能告诉我这是否可能吗？如果是这样，怎么办？谢谢！

编辑：我试图执行这些说明，但它没有做我想要的。我究竟做错了什么？也许我应该详细说明。 html 作为 iframe 嵌入到另一个站点中。它加载一个 3D 模型查看器并在正文中加载相应的 3D 文件。我想隐藏 3D 查看器界面中的一个按钮。

<!DOCTYPE html>
<meta name="viewport" content="user-scalable=0"/>
<html>
<head>
    <title></title>
    <script src="https://viewer.marmoset.co/main/marmoset.js">
        <style>
            [title="Layer Views"] {
            display: none;
            }
        </style>
    </script>
</head>
<body>
    <script>
        marmoset.embed( 'My3DModel.mview', { width: 800, height: 600, autoStart: false, fullFrame: true, pagePreset: false } );
    </script>
</body>
</html>

【问题讨论】：

标签： javascript html css header styling

【解决方案1】：

您可以使用 CSS 选择器。

<style>
[title="MyTitle"] {
    display: none;
}
</style>
<div title="MyTitle">MyTitle</div>
<div title="SomethingElse">SomethingElse</div>

【讨论】：

能否请您详细说明如何在我上面提供的 html 标头代码中实现它？对我来说（虽然我不专业地这样做）这看起来会进入 javascript，不是吗？我想在 html 标头中更改 .js 内的 div。抱歉，如果我只是不明白您的回答...例如，我可以在 html 文件中添加什么来更改它加载的 .js 中的某些内容？
@morph3us 你只需要 CSS 来改变样式。
感谢您帮助我！恐怕我只是不知道如何正确实施它。你能看看我添加到我最初帖子中的代码吗？将不胜感激！