Javascript-форум - Поиск и замена по class

Javascript-форум (https://javascript.ru/forum/)

- Javascript под браузер (https://javascript.ru/forum/css-html/)

- - Поиск и замена по class (https://javascript.ru/forum/css-html/69943-poisk-i-zamena-po-class.html)

Поиск и замена по class

Такой вопрос есть код html

<div class="ch_sml">
<div class="ch_smlin">
<img src="/smiles/smile.gif" onclick="smiles(':)')" alt="">
<img src="/wink.gif" onclick="smiles(';)')" alt="">
</div></div>

И надо сделать расширение, что бы код заменялся на такой:

<div class="ch_sml">
<div class="ch_smlin">
<img src="/smile_q.gif" onclick="smiles(':)')" alt="">
<img src="/wink_f.gif" onclick="smiles(';)')" alt="">
<img src="/w1isk_f.gif" onclick="smiles(';-)')" alt="">
</div></div>

<html>
<head>
</head>
<body>
	<div class="ch_sml">
		<div class="ch_smlin">
			<img src="/smiles/smile.gif" onclick="smiles(':)')" alt="">
			<img src="/wink.gif" onclick="smiles(';)')" alt="">
		</div>
	</div>
	<script>
	document.querySelector('.ch_smlin').insertAdjacentHTML('beforeend', '<img src="/w1isk_f.gif" onclick="smiles(\';-)\')" alt="">');
	document.querySelector('[src="/smiles/smile.gif"]').src = '/smile_q.gif';
	</script>
</body>
</html>
</body>
</html>