图0
一、先在html做出这三个元素，输入框，label标签，按钮，用换行符br把它们分成单行。
图1
二、dom操作，获取元素对象，这里我用的是querySelector来获取对象，对dom不太理解的同学可以看我的文【303】。
图2
三、加一个按钮点击函数。
图3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" >
<br>
<label ></label>
<br>
<button >按钮</button>
<script>
var elebt1 = document.querySelector("#bt1");
var elelabel1 = document.querySelector("#label1");
var eleinput1 = document.querySelector("#input1");
elebt1.onclick = function () {
elelabel1.innerText = "您好，" + eleinput1.value;
}
</script>
</body>
</html>
相关推荐
-
dnf女法师三觉职业选择（dnf女法师三觉转职哪个好）
再过不久DNF国服也将迎来魔界人三觉，之前韩服上线后，先遣队爆料出的各种数据和演示，加上各大平台的讨论，最被看好的只有女战法，不过总感觉怪怪的，好像哪里不对？ 可对比过其他4大转职后，发现战法被看好反而不...
-
槑怎么读（槑怎么读音是什么意思）
根据《现代汉语词典》（第七版），“槑”是一个单音字，读méi（第二声）。 “槑”是梅的异体字。 黄櫱禅师 《上堂开示颂》：“不经一番寒彻骨，怎得梅花扑鼻香。” 王安石《梅花》：“墙角数枝梅，凌寒独自开。遥知不是雪，...
-
网络推广渠道有哪些方式（网络营销推广的渠道汇总）
当下，伴随着国家经济的告诉发展，网络推广也渐渐成了许多企业无比看重的一种销售方式。不少中小企业在艰难的发展过程中，出自自身的条件限制，往往会找一些推广外包公司来负责推广，那么网络推广的常见平台都有哪些...
-
小米 12 Lite直角边框（小米 12 Lite真机照曝光）
根据此前消息，小米将推出小米 12 Lite 新机，该机是小米 12 系列中的入门产品，现在新机的真机照已经在网上流出。 图片显示，小米 12 Lite 采用直角边框设计，而其它小米 12 系列机型都采用弧形边缘。 小米 12 Lite...
-
如何提高文案的吸引力方法（如何让你的文案更加具有吸引力）
你知道如何才能让你的文案更加具有吸引力吗？你知道如何才能提高你的文案的销售力吗？ 你要明确一个关键点，掌握文案的底层逻辑才是核心的关键点，如果说你写的文案平淡无奇 那么你就要想，我应该如何才能快速地去提...
-
蟋蟀的食料与食性的关系（蟋蟀的食料与食性的区别）
两只家蟋蟀的成虫在啃食胡萝卜 蟋蟀是杂食性的昆虫，在自然界，它们可以取食多种活的或死亡的或腐烂的有机物质或植物质残片。虽说有些种类是植食性的，但它们的食谱也很宽泛。就同一种植物来讲，它们可取食植物的各...