【JavaScript】讲解JavaScript的基础知识并且配有案例讲解( 三 )


Document
方法二
Documentfieldset{padding: 20px;width: 200px;margin: 0 auto;}#fromStation{width: 100px;}#stationList{margin-left: 72px;width: 104px;display: none;}

余票查询出发地

分析
ο="(this,'')为什么要传入
在中,可以通过.()方法获取一个指定 ID 的 HTML 元素对象,并操作该元素属性或内容 。因此,在代码中使用 .() 获取具有指定 ID 的文本框对象,然后通过对该文本框的value属性进行设置,在选中元素时将其文本值自动填充到文本框中 。
因此,代码中需要传入 () 函数的第二个参数 ,指定要填充文本框的 ID,这里是 。具体来说,当用户选中一个元素时,被调用的 () 函数会将这个的文本内容填充到 ID 为的文本框中,使得用户输入起来更加方便 。
.("").style.="block";为什么要有这一段代码
这段代码的作用是将 ID 为 "" 的下拉列表框显示出来 。
具体来说,当用户在文本框中点击一次时,就会触发 () 函数 。该函数会获取 ID 为"" 的下拉列表框的对象,并将其属性设置为 "block",使得该下拉列表框在网页上呈现出来(默认情况下,该下拉列表框的属性为 "none",即不可见状态) 。
?实现页面打开5秒后出现警示对话框“hello”
Document
?制作年历
制作年历body {display: flex;flex-wrap: wrap;}table {width: 33.33%;padding: 15px 10px;box-sizing: border-box;}th {background-color: #0000ff;height: 30px;}td {background-color: pink;height: 20px;text-align: center;}
【【JavaScript】讲解JavaScript的基础知识并且配有案例讲解】如果大家有不明白的地方,或者文章有问题,欢迎大家在评论区讨论,指正