添加內容
//先保存div中原來的html
var tag = document.getElementById("tag").innerHTML;
//構造新的內容
var couhtml = '<select id="options" name="options" class="form-control input-ssm"><option value = "0" > 請選擇</option></select><button type="button" style="margin-left: 4px;" class="btn btn-primary btn-sm" id="cde2" onclick="addOption()">刪除</button>';
//追加內容
document.getElementById("tag").innerHTML = tag + couhtml;
刪除標簽
//某個標簽
var tag = document.getElementById("tag");
//刪除
tag.parentNode.removeChild(tag);
完整的html代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div id="tag">我是div中的文字，后面的內容是js追加的，不關我的事</div>
<script>
//先保存div中原來的html
var tag = document.getElementById("tag").innerHTML;
//構造新的內容
var couhtml = '<select id="options" name="options" class="form-control input-ssm"><option value = "0" > 請選擇</option></select><button type="button" style="margin-left: 4px;" class="btn btn-primary btn-sm" id="cde2" onclick="addOption()">刪除</button>';
//追加內容
document.getElementById("tag").innerHTML = tag + couhtml;
/*//某個標簽
var tag = document.getElementById("tag");
//刪除
tag.parentNode.removeChild(tag);*/
</script>
</body>
</html>
