querySelectorAll、ワイルドカードの要素は一致していますか？

Question

私はdocument.querySelectorAll（）を使用しています

私は[id^='id1']がid1で始まるすべてのIDと一致することを知っています。

[id$='textBox']は、textBoxで終わるすべてのidsに一致します。

しかし、私はこれら2つの組み合わせが欲しいです。これは私がやりたいことのようなものです：

document.querySelectorAll('[id should shart with id1 and ending with textBox]') 

これは可能ですか？

Answer 1

combine selectorはスペースを入れずに連結することが可能です。

document.querySelectorAll("[id$='textBox'][id^='id1']")