function updateCon() { var expressNumber = document.getElementById("expressNumber"); var con = document.getElementById("con"); if (expressNumber.value) { con.style.display = "block"; con.innerText = expressNumber.value; } else { con.style.display = "none"; } }
时间: 2023-07-15 11:09:55 浏览: 97
这是一个 JavaScript 函数,用于更新某个 DOM 元素的内容。具体来说,它会获取 id 为 "expressNumber" 的 input 元素和 id 为 "con" 的元素,如果 input 中有值,则将 con 元素的内容更新为 input 的值,并将其显示出来;否则将 con 元素隐藏起来。这个函数可以用于实现实时更新快递单号等功能。
相关问题
模拟京东快递单号查询 要求:当我们在文本框中输入内容时,文本框上面自动显示大字号的内容。 提示: 1.快递单号输入内容时, 上面的大号字体盒子(con)显示(这里面的文字 2.同时把快递单号里面的值(value)获取过来赋值给 con盒子(innerText)做为内容 3.如果快递单号里面内容为空,则隐藏大号字体盒子(con)盒子
可以使用 JavaScript 监听文本框的输入事件,然后根据输入内容来更新大号字体盒子(con)的显示内容和是否隐藏。具体实现代码如下:
HTML 代码:
```
<input type="text" id="expressNumber" oninput="updateCon()">
<div id="con" style="font-size: 36px; display: none;"></div>
```
JavaScript 代码:
```
function updateCon() {
var expressNumber = document.getElementById("expressNumber");
var con = document.getElementById("con");
if (expressNumber.value) {
con.style.display = "block";
con.innerText = expressNumber.value;
} else {
con.style.display = "none";
}
}
```
在这个代码中,我们首先使用 `document.getElementById()` 方法获取文本框和大号字体盒子的 DOM 元素。然后,我们在文本框上注册 `oninput` 事件,当用户输入内容时,该事件会被触发。
在 `updateCon()` 函数中,我们首先获取文本框的值,如果它不为空,我们就显示大号字体盒子,并将它的内容设置为文本框的值。如果文本框的值为空,我们就隐藏大号字体盒子。
阅读全文