3点击按钮,修改p标签的显示内容

<input type="button" value="设置p的内容" id="btn3" />
        <p id="p1"></p>
        <script>
            //凡是成对的标签,中间的文本内容,设置的时候,都采用innerText这个属性
            //根据id获取按钮,为按钮注册点击事件,添加事件处理函数
            var btn3Obj=document.getElementById("btn3");
            btn3Obj.onclick=function(){
                //根据id获取p标签,设置内容
                document.getElementById("p1").innerText="我是更改后的内容";                
            }
        </script>

 

posted @ 2019-08-28 14:41  鱼七姑娘  阅读(421)  评论(0编辑  收藏  举报