javascript动态添加元素
<!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://blog.csdn.net/HardProgrammer/article/details/111057264
推荐阅读
-
javascript动态添加元素
-
使用JavaScript实现文本的动态显示
-
javascript实现拖拽并替换网页块元素_javascript技巧
-
JQuery动态给table添加、删除行 改进版_jquery
-
Javascript获取CSS伪元素属性的实现代码_javascript技巧
-
JavaScript 数组中查找指定元素
-
新手求 关于html表单元素的动态变化_html/css_WEB-ITnose
-
javascript - JS动态加载页面问题
-
Javascript+CSS实现Flash动态新闻效果(pp原创)_图象特效
-
jquery 简短几句代码实现给元素动态添加及获取提示信息_jquery