Не удается получить элемент по маске “атрибут = значение” через querySelector [дубликат]

Имеется конструкция вида:

<div id='lawdocument'>
    <div blockOrder = '1'></div>
    <div blockOrder = '2'></div>
</div>

Мне необходимо получить элемент div, который удовлетворяет требованиям [blockOrder = '2']. Я написал следующее выражение и оно работает нормально:

takerDIV = lawDocument.querySelector('div[blockOrder = "2"]');

Но если я хочу вместо значения "2" подставить переменную blockValue=2 то получить элемент никак не удается:

takerDIV = lawDocument.querySelector('div[blockOrder = blockValue]');
console.log(takerDIV); // null
takerDIV = lawDocument.querySelector('div[blockOrder = "blockValue"]');
console.log(takerDIV); // null
takerDIV = lawDocument.querySelector('div[blockOrder = (blockValue)]');
console.log(takerDIV); //  Uncaught DOMException: Failed to execute 'querySelector' on 'Element': 'div[blockOrder = (blockValue)]' is not a valid selector.

Помогите пожалуйста.