大家好,又见面了,我是你们的朋友全栈君。
<!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>
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/152117.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...