Rumah >hujung hadapan web >tutorial js >利用js实现留言板的示例（代码奉上）

利用js实现留言板的示例（代码奉上）

亚连asal: 2018-05-18 16:12:463389semak imbas

下面是我给大家整理的利用js实现留言板的示例，有兴趣的同学可以去看看。

<!DOCTYPE html>  
<html>  
    <head>  
        <style>  
            #ly{  
                width:auto;  
                height: auto;  
            }  
        </style>  
        <meta charset="utf-8" />  
        <title></title>  
    </head>  
    <body>  
        <input type="text" id="tx" /><button value="留言" id="bt" >留言</button>  
        <div id="ly"></div>  
    <script>  
        var tx=document.getElementById("tx");  
        var ly=document.getElementById("ly");  
        var obt=document.getElementById("bt");   
        function tj(){  
            var oli =document.createElement("a");  
            oli.innerHTML=tx.value+&#39;删除&#39;+&#39;</br>&#39;;  
            oli.onclick=function ck(){  
                ly.removeChild(this);  
            }  
            oli.href="#";  
            if(ly.firstChild){  
                ly.insertBefore(oli,ly.firstChild);  
            }  
            else{ly.firstChild=oli;}  
            ly.appendChild(oli);  
        };  
        obt.onclick =function a(){tj();}  
    </script>  
    </body>  
</html>

上面是我整理给大家的，希望今后会对大家有帮助。

JS操作DOM树遍历方法总结

angularjs实现添加购物车金额计算功能

JS实现数组去重算法

Atas ialah kandungan terperinci 利用js实现留言板的示例（代码奉上）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：关于Eclipse去除js(JavaScript)验证错误（详细解答）Artikel seterusnya：关于在JS中闭包可被利用的常见场景有哪几种？（图文教程）

Artikel berkaitan

Lihat lagi