JavaScript切换函数出现问题

Having an issue with JavaScript Toggle function

本文关键字：问题 函数 JavaScript      更新时间：2023-09-26

我的toggleElement函数有问题，它不会将样式更改为block，然后再更改为none。我不知道是我把函数编码错了，还是调用不对。

任何反馈都会很棒！！

感谢

    <link href="chat.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.3.2.js" ></script> 
<script type="text/javascript" src="chat.js" ></script> 
<title>Chat Room | BetterGamerzUnited</title>
<script>
function toggleElement(x){
  var x = document.getElementById(x);
  if(x.style.display == 'block'){
    x.style.display = 'none';
  }else{
    x.style.display = 'block';
  }
}
</script>
</head>
  <?php include $path . '/includes/header.php'; ?>
    <div id="colorpickerB" style='display:none;'>
      <div id="colorpicker">
        <img src="/members/chat/palette.png" id="palette" alt="Color Palette" border="1"/>
        <br />
        <input id="color" type="hidden" readonly="true" value="#000000" />
      </div>    
    </div>
    <table id="content">
      <tr id="chat-top">
        <td>
          <div id="scroll">
          </div>
        </td>
      </tr>
      <tr id="chat-btm">
        <td colspan="2">
          <div id="items">
            <input type="text" class="" id="messageBox" placeholder="Enter your message here" maxlength="2000" size="30" />
          </div>
          <div id="color">
            <button type="button" id="sampleText" class="chat-btn" onclick="toggleElement(colorpickerB);">
              Color
            </button>
          </div>          
          <input type="hidden" class="" id="userName" value="<?php echo $log_username; ?>" maxlength="20"/>
          <input type="button" class="chat-btn" value="Send" id="send" />
          <?php
          if ($user_ok === true) {
              if (($log_userlevel == '7') || ($log_userlevel == '8')) {
                echo '<input type="button" class="chat-btn" value="Delete All" id="delete" />';
              }
            }
          ?>
        </td>
      </tr>
    </table>
  </div>
<footer></footer>
</body>
</html>

在调用toggleElement(colorpickerB);之前，您似乎从未定义过colorpickerB。也许您想传入字符串'colorpickerB'而不是标识符：

toggleElement('colorpickerB');
相关文章：