使用类/ id编辑JavaScript中的innerHtml不起作用

问题描述 投票:0回答:1

您好,我尝试使用Javascript将类和id添加到我的innerHtml文本中,但是这样做之后,它没有显示应该显示onclick的文本所以我想知道如何在不使用class或id的情况下编辑文本这是我的下面的代码

<!DOCTYPE html>
<html lang="en">
    <body>
        <button id="myb">AAAAAAA</button>
        <table id="t01">
            <tr>
                <th></th>
                <th><p>Monday</p></th> 
                <th><p>Tuesday</p></th>
                <th><p>Wednesday</p></th>
                <th><p>Thursday</p></th>
                <th><p>Friday</p></th>
                <th><p>Saturday</p></th>
                <th><p>Sunday</p></th>
            </tr>
            <tr>
                <td class="black-mamba"><p>8:00AM</p></td>
                <td><p>Smith</p></td>
                <td><p>50</p></td>
                <td><p>Smith</p></td>
                <td><p>50</p></td>
                <td><p>Smith</p></td>
                <td><p>50</p></td>
                <td><p>Smith</p></td>
            </tr>
        </table>
        <script type="text/javascript">
           document.getElementById("myb").onclick = function() {
           document.getElementById("t01").innerHTML = "<table><tr><th>Firstname</th><th>Lastname</th> <th>Age</th></tr><tr><td>Jill</td><td>ggggSmith</td><td>50</td></tr><tr><td>Eve</td><td>Jackson</td><td>94</td></tr><tr><td>John</td><td>Doe</td><td>80</td></tr></table>";
                }
       </script>

    </body>
</html>
javascript html onclick innerhtml
1个回答
0
投票

我相信您错误地使用了onclick

© www.soinside.com 2019 - 2024. All rights reserved.