在页面设置<div>元素，并使用document.querySelector ("div")，获取div元素，给元素添加onclick ()单击事件，处理onclick函数逻辑 通过style属性修改元素的背景色和宽度

可以按照以下步骤来实现：

1. 在 HTML 页面中设置一个 div 元素，并指定一个 id，例如：

<div id="myDiv">点击我</div>

2. 在 JavaScript 中获取该 div 元素，并添加 onclick 事件处理程序，例如：

const myDiv = document.querySelector("#myDiv");
myDiv.onclick = function() {
  // 处理 onclick 函数逻辑
  myDiv.style.backgroundColor = "red";
  myDiv.style.width = "200px";
};

其中，querySelector("#myDiv") 用于获取 id 为 "myDiv" 的 div 元素，然后将 onclick 事件处理程序设置为一个匿名函数，该函数会在点击 div 元素时被调用。

3. 在 onclick 函数中使用 style 属性修改元素的背景色和宽度，例如：

myDiv.style.backgroundColor = "red";
myDiv.style.width = "200px";

这样，当用户单击 div 元素时，就会触发 onclick 函数，从而将元素的背景色设置为红色，宽度设置为 200 像素。