如何在点击时输入自定义选择器？

<input type="text" id="selectorInput">
<button onclick="applySelector()">Apply</button>

function applySelector() {
  var selector = document.getElementById("selectorInput").value;
  var elements = document.querySelectorAll(selector);
  
  // 对获取到的元素进行操作，例如修改样式或添加事件监听器等
  // ...
}

#selectorInput {
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 5px;
}

button {
  padding: 5px 10px;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
}