JS点击就替换文字

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>替换文字</title>
        <script>
            function dianwo(){
                var div1 = document.getElementById("div1");
                div1.innerHTML="<font color='green'>大家好</font>";
                var div2 = document.getElementById("div2");
                div2.innerText="大家好";
            }
        </script>
    </head>
    <body>
        <input type="button" value="点我" onclick="dianwo()"/>
        <div id="div1">
            点击按钮我就会被替换
        </div>
        <div id="div2">
            点击按钮我也会被替换
        </div>
    </body>
</html>

  

posted @ 2020-04-06 09:39  yxfyg  阅读(805)  评论(0)    收藏  举报