大家好，又见面了，我是你们的朋友全栈君。
<!doctype html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”Generator” content=”EditPlus®”>
<meta name=”Author” content=””>
<meta name=”Keywords” content=””>
<meta name=”Description” content=””>
<title>Document</title>
</head>
<body>
<script>
function addLiElement() {
var liElement = document.createElement(‘li’);
//liElement.innerHTML = ‘这是新增的li元素’;
var labelElement = document.createElement(‘label’);
var inputElement = document.createElement(‘input’);
labelElement.innerHTML = ‘单号：’
inputElement.setAttribute(‘name’, ‘expressNumber’);
liElement.appendChild(labelElement);
liElement.appendChild(inputElement);
var ulElement = document.getElementById(‘myid’);
ulElement.appendChild(liElement);
}
</script>
<ul id=”myid”>
<li>aa</li>
<li>bb</li>
</ul>
<p>
<button onClick=”addLiElement();”>动态添加标签</button>
</p>
</body>
</html>
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/152117.html原文链接：https://javaforall.net
![php 面试必备：各种缓存技术详解[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
