3.16

最新推荐文章于 2023-11-18 17:30:51 发布

yxbillie

最新推荐文章于 2023-11-18 17:30:51 发布

阅读量147

点赞数

分类专栏：课堂笔记

本文链接：https://blog.csdn.net/yxbillie/article/details/79606291

版权

课堂笔记专栏收录该内容

31 篇文章 0 订阅

订阅专栏

课堂笔记；

<!DOCTYPE html>
<html lang="zh">
<head>

<title>Document</title>
</head>
<body>
<input id="country"type="text"value="" />
<button οnclick="addCountry()">新增国家</button>
<div id="asia">
<span id="china">china</span>
<span id="japan">japan</span>
<span id="india">india</span>

</div>
<script>
var addCountry = function() {
var cinput = document.getElementById("country");
var inputvalue = cinput.value;
var cspan = "<span id='" + inputvalue + "'>" + inputvalue + "</span>";
var oldele=asia.innerHTML;
var addEle=oldele+cspan;
asia.innerHTML=addEle;
};

var addCountry2 = function() {
var cinput = document.getElementById("country");
var inputvalue = cinput.value;

var cspan = document.createElement("span");
cspan.innerHTML = inputvalue;
cspan.setAttribute('id',inputvalue);
asia.innerHTML.appendChild(cspan);
};

</script>

</body>
</html>