对以下代码进行优化,input栏增加边框 let searchBox = document.createElement('div'); let searchInput = document.createElement('input'); let searchBtn = document.createElement('button'); searchInput.placeholder = "请输入搜索关键词"; searchBtn.innerText = "搜索"; searchBox.appendChild(searchInput); searchBox.appendChild(searchBtn); popup.appendChild(searchBox);
时间: 2024-03-02 20:53:16 浏览: 82
将input框中输入内容显示在相应的div中【三种方法可选】
可以将代码进行优化,使其更简洁:
```
let searchBox = document.createElement('div');
searchBox.style.border = "1px solid black";
searchBox.innerHTML = `
<input type="text" placeholder="请输入搜索关键词">
<button>搜索</button>
`;
popup.appendChild(searchBox);
```
这样可以通过设置 `searchBox` 的样式来为 `input` 元素增加边框,同时使用模板字符串简化了代码。
阅读全文