document.querySelector('#foo') 当 #foo 是变量，不用 onclick()传的话，还有其他什么简捷的方式，能让 querySelector() 直接接收变量吗？

声明一个变量？

没头没尾的，实在猜不出你想问什么

a = "#foo"
document.querySelector(a)
???

???????????

var a = '#div'
console.log(document.querySelector(a))

其实你打开浏览器开发人员工具控制台尝试一下不就知道了……

哎，表达能力真的很重要。
我理解楼主的问题是……算了我真的没理解啊（我的理解能力是不是也有问题

除了使用 querySelector 从 html 中获取 DOM 元素以外。还可以用 document.createElement 创建 DOM 元素，然后给元素添加添加 id 或者 class，最后将元素 append 到相应的父元素上，这样操作（管理） DOM 元素的流程更流畅。

恭喜楼主，能够思考到这个点，就已经迈出了成为“真”前端至关重要的一步。