使用class/id在JavaScript中编辑innerHtml无效_Javascript_Html_Onclick_Innerhtml

使用class/id在JavaScript中编辑innerHtml无效

javascript html

使用class/id在JavaScript中编辑innerHtml无效,javascript,html,onclick,innerhtml,Javascript,Html,Onclick,Innerhtml,嗨，我尝试用Javascript向innerHtml文本中添加类和id，但在这样做之后，它没有显示它应该在onclick中显示的文本所以我想知道如何在不使用class或id的情况下编辑文本下面是我的代码 <!DOCTYPE html> <html lang="en"> <body> <button id="myb">AAAAAAA</button> <table id="t01">

嗨，我尝试用Javascript向innerHtml文本中添加类和id，但在这样做之后，它没有显示它应该在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>


AAAAAAAA
星期一
星期二
星期三
星期四
星期五
星期六
星期天
上午八点
史密斯
五十
史密斯
五十
史密斯
五十
史密斯
document.getElementById（“myb”）.onclick=function（）{
document.getElementById（“t01”）.innerHTML=“FirstnameLastname agejillggggSmith50eveJackson94johnde80”；
}

我相信您在单击时使用了

错误
HTML:
一些文本
星期一
星期二
星期三
星期四
星期五
星期六
星期天
上午八点
史密斯
五十
史密斯
五十
史密斯
五十
史密斯

JavaScript:
var-button=document.getElementById（“myb”）；
var table=document.getElementById（“t01”）；
单击时调用函数bClick（）{//
table.innnerHTML=“FirstnameLastname agejillggggSmith50eveJackson94johnde80”；
}

虽然这样做有效，但我建议使用addEventListener
，这是一种更好的做法：
HTML:
一些文本
星期一
星期二
星期三
星期四
星期五
星期六
星期天
上午八点
史密斯
五十
史密斯
五十
史密斯
五十
史密斯

JavaScript:
var-button=document.getElementById（“myb”）；
var table=document.getElementById（“t01”）；
addEventListener（“click”，（）=>{//单击t01时调用内部代码
table.innerHTML=“FirstnameLastname agejillggggsmith50evejackson94johnde80”；
});

代码段：

var-button=document.getElementById（“myb”）；
var table=document.getElementById（“t01”）；
addEventListener（“click”，（）=>{//单击t01时调用内部代码
table.innerHTML=“FirstnameLastname agejillggggsmith50evejackson94johnde80”；
});
一些文本
星期一
星期二
星期三
星期四
星期五
星期六
星期天
上午八点
史密斯
五十
史密斯
五十
史密斯
五十
史密斯
一段代码片段将非常有帮助。请提供一个简单的示例来说明您的问题第13行中的问题。@ScottMarcus尽管讽刺有时很有趣，但我们需要从OP得到一些真正的澄清。我不确定讽刺是否会有帮助。@AndrewL64是的，当然，我想，但我们不想打扰OP。让我将所有代码添加到codepen并发送链接，这样你们会让我更好。这是一个视频链接，指向我试图实现的@pj-c0d3r。不需要codepen。只需编辑您的问题并将您的代码添加到代码段（编辑工具栏上的
图标）。@pj-c0d3r我已完全更新了我的答案以包含代码段，建议您再次检查。这应该能解决你们的问题。请你们保持冷静，我不确定你们是否明白我的意思。。。看看我想在这里实现什么，所以我想在单击按钮后显示另一个表。。。我想让这张桌子看起来很时尚。。。我该怎么办that@pj-c0d3r检查我的答案m8！