关于JS点击button之灵活替换改变内容方法

<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>

<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>

<button type="button" onclick="myFunction()">点击这里</button>

</body>

 

注意：其中用红色标示的部分为可以改变的内容，即完成点击动作之后会把通过ID找到的内容替换行内容，这里是一段文字，也可以换成图片，但是图片是的格式是单引号

      例如：='<img src="url" alt="">';

其他内容原理类似