Question

编辑：我只能使用ID访问div的

我想做类似的事情，但是由于公司设置，我无法访问css文件。我需要从没有CSS的HTML做到这一点

<html>
<head>
<style>
#fileView_ctl01_D_STRT input {
  background-color: yellow;
}



</style>
</head>
<body>


<div id = "fileView_ctl01_D_STRT" class="intro">
<div>
<div>
  <input>
  </div>
  </div>
</div>

</body>
</html>

Answer 1

“我需要在没有CSS的情况下通过HTML做到这一点”

由于某些原因，我假设您无法在html中使用样式块<style></style>，例如在某些电子邮件环境中。

您可以通过使用内联样式style="background-color:yellow;"

来克服此问题

<body>
<div id = "fileView_ctl01_D_STRT" class="intro">
<div>
<div>
  <input style="background-color:yellow;">
  </div>
  </div>
</div>

</body>
</html>

基于Java脚本编辑

“谢谢，但我只能编辑ID为div的html”

这是您可以插入html代码中的javascript。

let input = document.querySelector("#fileView_ctl01_D_STRT input");
input.style.backgroundColor = "yellow";

<html>
<head>
</head>
<body>


<div id = "fileView_ctl01_D_STRT" class="intro">
<div>
<div>
  <input>
  </div>
  </div>
</div>

</body>
</html>

如果要直接插入html文本，则需要将它们放在<script></script>块中，然后将它们添加到html底部</body> 之前：

...
<script>
    let input = document.querySelector("#fileView_ctl01_D_STRT input");
    input.style.backgroundColor = "yellow";
</script>
</body>

Answer 2

有几种方法可以处理此问题，但这取决于您说不能使用CSS的含义。 HTML几乎总是使用CSS样式。但是您可以通过几种不同的方式添加CSS。

内联样式：：我怀疑这可能是您需要的。将样式属性放在div中，并提供适当的指导。示例：

<div id = "fileView_ctl01_D_STRT" style="background-color: yellow;">

内部样式表：如上所示，您可以嵌入内部样式表。

    <style>
         #fileView_ctl01_D_STRT input {
         background-color: yellow;
    }
    </style>

Javascript ：最后，您可以使用Javascript控制样式。例如，您必须使用要分配的ID来获取要设置样式的元素，然后对其应用样式。正如chatnoir所展示的：

<script> let input = document.querySelector("#fileView_ctl01_D_STRT input"); input.style.backgroundColor = "yellow"; </script>

此代码可以位于单独的外部文件中，您可以通过“ src”属性在HTML中调用该文件。

没有CSS，您几乎只能使用以下内容：https://stackoverflow.com/a/21951731/7055314。

我想用html在div内设置样式

2 个答案: