js动态添加标签（五）

<div class="noticeTitle">
<dl class="newsList noticeList" id="box">
        <dd><a href="#">天上没有乌云盖，为撒子幺妹儿还不来！</a></dd>
        <dd><a href="#">天上没有乌云盖，为撒子幺妹儿还不来！</a></dd>
        <dd><a href="#">天上没有乌云盖，为撒子幺妹儿还不来！</a></dd>
        <dd><a href="#">天上没有乌云盖，为撒子幺妹儿还不来！</a></dd>
        <dd><a href="#">天上没有乌云盖，为撒子幺妹儿还不来！</a></dd>
</dl>
</div>
<input name="" type="text" id="texts" value="写上文字" /><input name="" type="button" id="qd" value="确定" />
<script>
var $ = function(x){return document.getElementById(x);};

$('qd').onclick = function(){
 var obj = $('box');
 var a  = document.createElement('dd');
 a.innerHTML = $('texts').value;
 obj.appendChild(a)
}

</script>