javascript - 如果 URL 是(值)，则使用 css 类

Question

我对 css/javascript 很陌生，所以我很抱歉提出这个愚蠢的问题。如果 URL 符合我的条件，我想使用 css 类。我的尝试:

<script>
    if ((document.URL) == 'http://www.test.testsite.testtest.com/products/#') {
</script>
        <div class="success">
        content
        </div>
<script>
    }
    else {
</script>
        <div class="nosuccess">
        content
        </div>
<script>
    }
</script>

结果:它什么都不显示。可能是一个简单的错误，但正如我所说，我对 javascript 还很陌生。

感谢您的帮助!

Answer 1

我建议您将 HTML 与 JavaScript 分开。

我向要更改 class 的 div 添加了 id(内容)。我使用 document.getElementById('content') 获取我希望更改类的标签。

获得标签后我想更改类，为此，使用属性 .className 更改 class。

注意:确保 script 标记位于您要更改的 HTML 之后。

<div id="content">
  content
</div>

<script>
if ((document.URL) == 'http://www.test.testsite.testtest.com/products/#') {
     document.getElementById('content').className = "success";
} else {
     document.getElementById('content').className = "nosuccess";
}
</script>