简单的dom实例，html中输入框与label标签的简单应用。【304】
图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" id="input1">
<br>
<label id="label1"></label>
<br>
<button id="bt1">按钮</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>
发表评论 取消回复