Question

所以我有这个代码：

<?php
$mysql_host='localhost';
$mysql_user='root';
$mysql_password="CAN'T KNOW MY PASWORD!!!1!";

mysql_connect($mysql_host,$mysql_user,$mysql_password);
@mysql_select_db('galaxall');
?>

<style>
.clap{
  background-color:red;
}
</style>

<p style="background-color:rgb(2,2,2)">
<div style="background-color:rgb(250,250,250);padding-bottom:3%;margin-right:20%">
  <?php
    $hello='hello everybody!!! &nbsp;&nbsp;&nbsp;&nbsp;I\'m d boss!';
    $img='<img src="b5.jpg">';


    $query="SELECT * FROM `comments`  ";
    $results = mysql_num_rows($query);

    echo  $results;

    if($is_query_run=mysql_query($query) )
    {
      $results = mysql_num_rows($is_query_run);

      echo "Number of comments:<font style='font-weight:bold;'>$results".'<p style="font-weight:bold;" onclick="alert("hello")">'.'</font>';

      while($query_execute=mysql_fetch_assoc($is_query_run) )
      {
        echo $query_execute ['Comment'].'<br>'.'<br>'.'<br>'."<a href='' class='clap'>.<img src='clap4.png' width='3%' height='3%'>.'&npsp;'.'&npsp;'.'&npsp;'.'&npsp;'.'&npsp;'
        .'Respond'</a>".'<p style="background-color:white;padding-bottom:1%;padding-left:3.5%;padding-top:1%;margin-left:0%;border:1px solid grey;border-radius:5%;box-shadow:2px 2px 2px #999;margin-right:25%; id="comment" >';
      }
    }
    else
    {
      echo"Sorry, something went wrong...";
    }
  ?> 
</p>
<script>
 var d = document.getElementsByClassName("clap");
 var c = document.getElementById("comment");

 function mouseOver() {
   d.style.backgroundColor = "red";
 }

 function mouseOut() {

   d.style.backgroundColor = "blue";
 }

 c.onmouseover = mouseOver();
 c.onmouseout = mouseOut();

发生的事情是，它选择了称为注释的一行的所有项目，然后美化每个注释（每个注释行中的项目），并且每个注释上都出现了图像（喜欢和不喜欢的图标），一切都很好除了在鼠标悬停在id =“ comment”的注释段落上之前，我不希望显示图像。但是发生的是，我立即加载页面，注释已经突出显示了，这是我想发生的事情鼠标悬停在“ comments”段上，当我尝试将鼠标悬停在注释上并“ unhover（如果有这样的词：-)）”时，它不会变成蓝色，但是根据我的代码，它应该变成蓝色onmouseout和红色onmouseover。我检查了浏览器的控制台（chrome），它显示为

10:45:19.526 comments_gxx58.php:50 Uncaught TypeError: Cannot set property 'backgroundColor' of undefined
    at mouseOver (comments_gxx58.php:50)
    at comments_gxx58.php:60

而且不知道那是什么意思。...

注意：我还尝试将onmouseover属性直接内联为

<p style="background-color:white;padding-bottom:1%;padding-left:3.5%;padding-top:1%;margin-left:0%;border:1px solid grey;border-radius:5%;box-shadow:2px 2px 2px #999;margin-right:25%; id="comment" onmouseover="mouseOver()">'

我已经尽力了

请帮助

Answer 1

这是因为jQuery对象没有样式属性。

尝试一下：

d.css.("backgroundColor", "red");

如果您想使用DOM API，则可以进行传统的DOM选择：

document.getElementById("surmenu").style.backgroundColor="red";

javascript中未调用javascript函数

1 个答案: