javascript - 使用 PHP 更改 CSS 不透明度

Question

所以我有一个心形图标，当您将鼠标悬停在它上面时，它会发生变化。它逐渐变成完整的心脏，而不是中风。现在，对于我的项目，如果您已经喜欢心形，则默认情况下它会是纯粉红色。所以我计划做的是检查用户是否喜欢它然后提高不透明度。因为实体图标在悬停时会从 0.1 变为 1。问题是我不知道如何设置 if else 语句。

<div class="post">
<? if($_SESSION['loggedIn'] == true): ?>
<a href="likes.php?id=<?php echo $post['id'];?>">
<div class="icons">
<i class="fa fa-heart-o"></i>
<i class="fa fa-heart" ></i>
</div>
</a>
<? endif; ?>

这就是我目前所拥有的。我想做的是，如果用户喜欢它，那就是真的。然后

if(usr_liked == true){
  echo 'opacity: 1';
} 

而这就在于style属性的核心。那么我该怎么做呢？我似乎无法用替代 if else 语句来显示 HTML 来弄清楚。

Answer 1

无法单独使用 PHP 来修改 DOM 样式，例如您的情况下的不透明度。您可能希望使用 Javascript 来完成此操作。我一直这样做的一种方法是简单地以类似于以下的方式调用一段 Javascript 代码:

<?php if (usr_liked == true) { ?>
    <script>
        document.getElementById("heart").style.opacity = 1.0;' .
    </script>';
<?php } ?>

我希望这有帮助。 :)

注意:我更改了原来的帖子，因为我发现其中存在错误。