我们先看看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),了解更多的前后端知识;
欢迎大家关注互相交流学习;