码迷,mamicode.com
首页 > 其他好文 > 详细

简易留言板

时间:2016-11-21 23:23:00      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:txt   on()   utf-8   javascrip   meta   nbsp   element   bsp   val   

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
window.onload = function(){
    var oTxt = document.getElementById(‘txt‘);
    var oBtn = document.getElementById(‘btn‘);
    var oBox = document.getElementById(‘box‘);
    
    oBtn.onclick = function(){
        var oLi = document.createElement(‘li‘);
        oLi.innerHTML = oTxt.value + ‘<a href="javascript:;">隐藏</a>‘;
        
        if(oBox.children.length){
            oBox.insertBefore(oLi,oBox.children[0]);    
        }else{
            oBox.appendChild(oLi);        
        }
        
        oTxt.value = ‘‘;
        oLi.children[0].onclick = function(){
            oBox.removeChild(this.parentNode);
        }
    }
}
</script>
</head>

<body>
user:<input type="text" value="" id="txt"/>
<input type="button" value="添加" id="btn"/>
<ul id="box"></ul>
</body>
</html>

简易留言板

标签:txt   on()   utf-8   javascrip   meta   nbsp   element   bsp   val   

原文地址:http://www.cnblogs.com/guolimin/p/6087249.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!