suchen

Heim >Web-Frontend >js-Tutorial >Beispiel für die Verwendung von js zur Implementierung eines Message Boards (Code bereitgestellt)

Beispiel für die Verwendung von js zur Implementierung eines Message Boards (Code bereitgestellt)

亚连
亚连Original
2018-05-18 16:12:463358Durchsuche

Das Folgende ist ein Beispiel für die Verwendung von js zur Implementierung eines Message Boards. 

<!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>

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Zusammenfassung der JS-Operation DOM-Baum-Traversal-Methode

angularjsImplementierungszusatz Funktion zur Berechnung des Warenkorbbetrags

JS-Implementierung des Array-Deduplizierungsalgorithmus

Das obige ist der detaillierte Inhalt vonBeispiel für die Verwendung von js zur Implementierung eines Message Boards (Code bereitgestellt). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Informationen zum Entfernen von js-Überprüfungsfehlern (JavaScript) in Eclipse (ausführliche Antwort)Nächster Artikel：Informationen zum Entfernen von js-Überprüfungsfehlern (JavaScript) in Eclipse (ausführliche Antwort)

In Verbindung stehende Artikel

Mehr sehen