javascript - 在 onclick 事件上运行 PHP 代码

标签 javascript php css

<分区>

我的函数生成一个表,其中包含来自请求子论坛名称的 mysqli 查询的 $data。

function forum_links($data){
//print_r($data);
echo "<div id = 'sub_forums'>
        <table>";
foreach($data as $name){
echo "
        <tr>
            <td id='sub_forum_image'>
            <img src='images/favicon_text.ico' alt='MWGA'>
            </td>
            <td id='sub_forum_td'>
            <a href='forum?forum={$name[0]}'>{$name[0]}</a>
            </td>
        </tr>";
}
echo "</table></div>";
}

当点击文本时,我会检查是否设置了可变论坛,如果设置了,我想隐藏 div 'sub_forums'

<?php 
    if (isset($_GET['forum'])) {
    echo "is set";
    ?> <script>sub_forum_hide();</script> <?php
    }
?>

我得到的错误

Uncaught TypeError: Cannot read property 'style' of null.

我认为这与我的文档的排序有关,因为我在其他部分使用了完全相同的隐藏 style.display = "none"

function sub_forum_hide(){
    document.getElementById("sub_forum").style.display = "none";
}

我已经尝试将 sub_forum_hide() 移动到我文档的底部,但我仍然遇到同样的错误。仅供引用,当我单击文本时,“已设置”回显确实有效。

最佳答案

从您的代码来看。您没有任何 ID 为“sub_forum”的元素,这就是它为空的原因。相反,你有一个 ID = "sub_forums"的 div ... 所以你的功能实际上应该是

function sub_forum_hide(){
    document.getElementById("sub_forums").style.display = "none";
}

可能是您的错字。

下次,先尝试了解错误...会为您省去很多麻烦并有助于调试。

关于javascript - 在 onclick 事件上运行 PHP 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36578724/

上一篇:javascript - 为什么我的 JSFiddle 不工作? (放置脚本的位置)

下一篇:css - 将 typekit 与字体事件一起使用时避免 FOUT

相关文章:

javascript - 我应该将前端服务器代码放在使用 create-react-app 创建的应用程序中的哪里?

javascript - 想要使用 UI-Router 从 subview 更新父 View 值

javascript - jQuery mouseleave 多次触发

php - =?UTF-8?B??= 通过 php 邮件发送的电子邮件问题

jquery - 删除表格行但保留 CSS 备用行格式

javascript - 警告 : Functions are not valid as a React child. ReactJS

javascript - AJAX 通过 Jquery 发布到 PHP

jquery - 如何在CSS中将图像放在彼此后面

javascript - 如何在成功获取节点位置后闪烁节点?

phpmailer - 在 "To"标题中使用 php mailer 时在邮件中显示两次相同的地址