Заменить CSS на элементе с JavaScript?

Question

Я новичок в разработке внешнего интерфейса и хочу изменить размер <img> с JavaScript:

Какой элемент?

<div class="dz-image">
    <img data-dz-thumbnail="" alt="principal.png" src="http://localhost:49407/file/Image/660">
</div>

Какую функцию я использую в js?

this.emit("thumbnail", mockFile, "http://localhost:11111/file/Image/" + principal)
    { document.querySelector('data-dz-thumbnail') }; 

Я использую querySelector, чтобы получить элемент spefi c <img>.

Возможно ли добавить какой-либо стиль непосредственно в эту строку, например height:120; width: 120; * * 1015

Answer 1

Да, можно добавить какой-либо стиль напрямую.

let ele = document.querySelector('[data-dz-thumbnail]')
ele.style.width="120px"
ele.style.height="120px"

Answer 2

Насколько я понимаю, queryselector должно быть classname, идентификатор или тег

Во-вторых, вы можете добавить css, взяв переменную для вашей строки querySelector. Это как:

var el = document.querySelector('div'); 
el.style.backgroundColor = 'green';
el.style.display = 'none';
el.style['border-radius'] = '5px';

Answer 3

Я решил это, используя jQuery .css() метод, подобный этому:

$('[data-dz-thumbnail]').css('width', '120');
$('[data-dz-thumbnail]').css('height', '120');