ホームページ > ウェブフロントエンド > jsチュートリアル > js を使用してメッセージ ボードを実装する例 (コードが提供されています)

js を使用してメッセージ ボードを実装する例 (コードが提供されています)

亚连
リリース: 2018-05-18 16:12:46
オリジナル
3457 人が閲覧しました

以下は、js を使用して掲示板を実装する例です。興味のある学生はご覧ください。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

<!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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート