图0先把这三个元素做成html,输入框,标签label,按钮,用换行符br分成单行。图1第二,dom操作,获取元素对象。这里,我使用querySelector来获取对象。对dom不太了解的同学可以看我的文章
图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>