html中动态向ul或者ol中添加li元素

最新推荐文章于 2023-09-24 20:03:16 发布

牛奶爱上了咖啡

最新推荐文章于 2023-09-24 20:03:16 发布

阅读量1.7w

点赞数 4

本文链接：https://blog.csdn.net/xunannan0624/article/details/53064983

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function addt(){
//获取文本输入框中的内容
var text1=document.getElementById("t").value;
//获取到Ul列表
var ul=document.getElementById("u");
//创建元素Li
var li=document.createElement("li");
//向li中添加内容
li.innerHTML=text1;
//向ul追加元素li
ul.appendChild(li);

}

</script>
</head>

<body>
<ul id="u">

</ul>
<input type="text" id="t"/>
<input type="button" value="添加" onClick="addt()"/>


</body>

</html>

如果你想让字体有颜色，在输入框内输入：<font color="#FF0000">这里写你想要内容</font>