如何为任何html标签分配一个类名?

时间:2016-11-23 07:15:30

标签: javascript php html css

这是我的div标签。

<div id="hero-container">
    //some code
</div>

我无权访问这个主要的php文件。但我必须为它分配一个类名。那么什么可以直接从任何地方为它分配一个类名呢?

3 个答案:

答案 0 :(得分:3)

你可以用JavaScript做到这一点。但是,它需要在文档加载div之后出现。

<div id="hero-container">
//some code
</div>
<script>
document.getElementById("hero-container").className = "A_class_name";
</script>

答案 1 :(得分:0)

如果要为其指定一个类名,<div class="hero-container">应该可以解决问题。您可以使用<link>标记链接php脚本。

编辑:要在仍然使用PHP的情况下动态更改类,您可以使用:

<div id="hero-container" class="<?php if (condition) {echo 'aClassName'}?>"

答案 2 :(得分:0)

你可以使用jQuery addClass来做到这一点。

<div id="hero-container">
    //some code
</div>

<style type="text/css">
    .yourClass{
        background-color: red;
    }
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
    $( "#hero-container" ).addClass( "yourClass" );
});
</script>