js를 활용한 게시판 구현 예시(코드 제공)-JS 튜토리얼-php.cn

js를 활용한 게시판 구현 예시(코드 제공)

亚连

풀어 주다： 2018-05-18 16:12:46

원래의

3337명이 탐색했습니다.

다음은 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 배열 중복 제거 알고리즘 구현

위 내용은 js를 활용한 게시판 구현 예시(코드 제공)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!