0

私は PHP サイトを書いていて、ブログを持っています。div タグにテキストエリアと送信ボタンを含むコメント フィールド (すべてのブログ投稿用) がありますが、Internet Explorer では機能しないようです。Google Chrome では問題なく動作します。誰かが私が間違っていることを教えて、正しい方向に向けてください。

このjsfiddleのマイコードでもコードを見つけることができます

PHP の HTML テンプレートは次のようになります。

<div class="blogbubble">
<table border="0" align="right" width="100%">
    <tr>
        <td rowspan="2" valign="top" width="60px"></td>
        <td align="right"><font size="2"></font>
        </td>
    </tr>
    <tr>
        <td valign="top">   <b><font size="4">Hello</font></b>
            <br /><font size="3">Hello</font>
        </td>
    </tr>
</table>
<div class="show_hide" id="comnr">
    <hr>
    <table border="0">
        <tr>
            <td>
                <textarea id="message" name="message" rows="5" style="width:300px;margin-left:60px"></textarea>
            </td>
        </tr>
        <tr>
            <td>
                <button style="float:right">Comment</button>
            </td>
        </tr>
    </table>
    <hr>
    <button style="float:right" onclick= 'document.getElementById("comnr").classList.toggle("show_hide")&document.getElementById("comknap").classList.toggle("show_hide")'>Cancel</button>
</div>
<button id="comknap" onclick='document.getElementById("comnr").classList.toggle("show_hide")&document.getElementById("comknap").classList.toggle("show_hide")'>Comment</button>

私のCSS:

.show_hide { display:none; }

.blogbubble {
    background-color: #4D4D4D;
    width: 95%;
    float: left;
    padding: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    overflow: none;
    margin-right: 5px;
    margin-bottom:5px;
}
4

2 に答える 2

1

classListIE10にのみ追加されました。それ以前のバージョンではサポートされていません。シムについては、この MDN の記事を参照してください。

于 2013-04-12T12:42:22.030 に答える