javascript/js替换内容

我们先看看JS代码和效果图

代码如下：

 

按F12预览效果图如下：

原图：

 

替换之后的JS效果图：

 

 

下面我们来讲解下这个JS：

JS部分：

<script>
function yue()//申明一个名字叫yue()的JS方法
{
    var x=document.getElementById("demo");//从整个文档里面获取一个元素id叫做demo的标签
    var y=document.getElementById("yueying").value;//从整个文档里面获取一个元素id叫做yueying的标签的值，并且把该值放到y中
    x.innerHTML=y;//把y放到x的HTML里并且替换之前x里面的HTML内容！
}
</script>

 

代码部分：

<h3 id="demo">月影web</h3>
<input type="text" id="yueying" />
<input type="button" onclick="yue()" value="替换"/>

关注微信公众号（月影WEB），了解更多的前后端知识；
欢迎大家关注互相交流学习；