JavaScript 代码块点击按钮改变元素内容的简单示例

这篇文章主要为大家详细介绍了JavaScript 代码块点击按钮改变元素内容的简单示例，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编罗X来看看吧。

/**
 * 
 * @param 
 * @arrange (512.笔记) www.q1010.com
 **/
<h1>我的 Web 页面</h1>
<p id="myPar">我是一个段落。</p>
<div id="myDiv">我是一个div。</div>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<script>
function myFunction(){
    document.getElementById("myPar").innerHTML="你好世界！q1010.com";
    document.getElementById("myDiv").innerHTML="你最近怎么样?";
}
</script>
<p>当您点击上面的按钮时，两个元素会改变。</p>

示图：

本文来自：http://www.q1010.com/174/2586-0.html

注：关于JavaScript 代码块点击按钮改变元素内容的简单示例的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：JS简单示例