js动态添加标签（五）

最新推荐文章于 2021-01-23 10:44:01 发布

Cike121272604

最新推荐文章于 2021-01-23 10:44:01 发布

阅读量1.1k

点赞数

分类专栏： JS 文章标签： function class button div

本文链接：https://blog.csdn.net/Cike121272604/article/details/5809823

版权

JS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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