Question

我做过类似的事情;

    <div id="bloc2" onDblClick="document.getElementById('bloc2').style.height = 200px" style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">
Uncaught SyntaxError: Unexpected token ILLEGAL

但它不起作用 div是使用php生成的，这是我的代码：

<?php 
$sql = "SELECT * FROM commentaire where n_doss='".mysql_real_escape_string($_GET['n_doss'])."' ORDER BY date DESC LIMIT 0,5";
$result = mysql_query($sql) or die(__LINE__.mysql_error().$sql); 
?>
    <?php
     $r=0;
     while($donnees2 = mysql_fetch_assoc($result)) {
      ?>
      <table cellspacing="10" cellpadding="10">
        <tr>
           <td width="128px">
           <?php if ($donnees2['etat']=="VR") {?>
                <img src="images/wallet.png" />
           <?php } else {?>
                <img src="images/newsletter.png" width="128" height="128" />
           <?php } ?>
           </td>
           <td>
             <div id="bloc<?php echo ++$r ;?>"                  
                  onDblClick="document.getElementById('bloc<?php echo $r ;?>').style.height = 200px" 
                  style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">
                <?php echo mb_strtoupper(html_entity_decode($donnees2['commentaire'])) ; ?>
            </div>

但没有任何作用，除了控制台中的错误。

亲切的问候。

Answer 1

在第

行

<div id="bloc2" onDblClick="document.getElementById('bloc2').style.height = 200px" style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">

你有Javascript错误：

document.getElementById('bloc2').style.height = 200px

200px应该是一个字符串，你必须添加引号所以请改用这一行：

document.getElementById('bloc2').style.height = '200px'

Answer 2

您可以使用this关键字并使用引号

包裹200px

<div id="bloc2" onDblClick="this.style.height = '200px'" style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">

Answer 3

您忘记使用200px

添加字符串“”

<div id="bloc2" onDblClick="document.getElementById('bloc2').style.height = '200px'" style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">

Demo

Answer 4

试试这个

<div id="bloc2" 
     onDblClick="this.style.height = '200px'" 
     style="width: 350px; height: 150px; overflow: 
     auto; border: 1px solid #000;background-color:#F2F2F2">

Uncaught SyntaxError: Unexpected token ILLEGAL

</div>

使用javascript更改div大小

4 个答案: