时间戳

首页 > 解决方案 > 使用 Javascript 编辑按钮的样式（用于填充它的 PHP 和 MySQL）

javascript - 使用 Javascript 编辑按钮的样式（用于填充它的 PHP 和 MySQL）

问题描述

再会，

我正在建立一个电子商务网站。

我使用 MySQL 作为后端数据库，使用 PHP 将数据和表格填充到我​​的网站中。

我管理了一种方法，当产品成功销售时，该按钮的 innerText（导致它的详细页面）从“查看”更改为“已售出”。

我现在想使用 JavaScript 扫描表格并找到所有包含“SOLD”一词的按钮并更改它们的样式。

*我认为我的主要问题是数据是从 MySQL 数据库中提取的，并且没有“固定”到 HTML 中，这就是我认为我的代码不起作用的原因。

以下是我的相关代码片段： 如果满足所需条件，这是我要更改的“按钮”。

<td id="view_button"><?php echo "<a id='isSold' href='/dynamic_page.php?id={$row['id']}'>{$row['View']}</a>"; ?></td>

这是我对 JavaScript 的尝试：

const isSold = document.getElementById('isSold');

function ToggleSold(){
  if(isSold.innerHTML === "SOLD"){
    this.style.backgroundColor = "grey";
  } else {
    this.style.backgroundColor = "";
  }
}

请与我裸露，在过去的 6 个月里，我自学了如何编码。感谢所有帮助！

标签： javascriptphpmysql

解决方案

我接受了上述评论的建议，使用 PHP 而不是 JavaScript。它成功了。

我会在这里发布代码，以防有人遇到同样的问题：

<td id="view_button">
    <a style="<?php if ($row['View'] == 'SOLD') {
        echo 'color:rgb(128, 128, 128);
              background: rgb(217, 217, 217);
              border: 2px solid rgb(128, 128, 128);
              font-size: 10px';

    } else if($row['View'] == 'View') {
        ;
    } ?>" href="<?php if($row['View'] == 'SOLD') {
        echo '';
    } else if($row['View'] == 'View') {
        echo "/dynamic_page.php?id={$row['id']}";
    } ?>">
        <?php echo $row['View'] ?>
    </a>
</td>

推荐阅读