InnerHTML中的代码不会在onclick上显示

InnerHTML是一个属性，用于获取或设置HTML元素的内容。它可以用于将HTML代码插入到指定元素中。

在onclick事件中，如果使用InnerHTML来插入代码，插入的代码不会在点击事件触发时显示。这是因为在点击事件触发时，浏览器已经解析并渲染了初始的HTML结构，而不会重新解析和渲染通过InnerHTML插入的代码。

如果想要在点击事件中显示通过InnerHTML插入的代码，可以使用其他方法，例如创建新的元素并将其添加到指定元素中，或者使用innerHTML属性来替换指定元素的内容。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<body>

<div id="myDiv">
  初始内容
</div>

<button onclick="showCode()">显示代码</button>

<script>
function showCode() {
  var code = "<p>插入的代码</p>";
  document.getElementById("myDiv").innerHTML = code;
}
</script>

</body>
</html>

在上述示例中，点击"显示代码"按钮后，通过innerHTML属性将"<p>插入的代码</p>"插入到id为"myDiv"的元素中，从而实现了在点击事件中显示插入的代码。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详情请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai