label换行符(简单的dom实例,html中输入框与label标签的简单应用。【304】)

图0

label换行

一、先在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>

您可以还会对下面的文章感兴趣

最新评论

  1. 凉凉晨风
    凉凉晨风
    发布于:2022-04-27 21:45:29 回复TA
    图0一、先在html做出这三个元素,输入框,label标签,按钮,用换行符br把它们分成单行。图1二、dom操作,获取元素对象,这里我用的是querySelector来获取对象,对dom不太理解的同学可以看我的文【303
  1. 俗染
    俗染
    发布于:2022-04-27 23:14:13 回复TA
    ySelector("#input1"); elebt1.onclick = function () { elelabel1.innerText = "您好," + eleinput1.value; } </script></body></html
  1. 热血校草
    热血校草
    发布于:2022-04-27 22:24:21 回复TA
    ;按钮</button> <script> var elebt1 = document.querySelector("#bt1"); var elelabel1 = doc
  1. 耿阳承惠
    耿阳承惠
    发布于:2022-04-27 16:38:33 回复TA
    怎么啦

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友