Javascript-форум - Не работает замена тега

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

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Не работает замена тега (https://javascript.ru/forum/dom-window/61814-ne-rabotaet-zamena-tega.html)

Не работает замена тега

Пробую вот этот код

document.getElementsByTagName('div.content.thumbnail .item .thumbnail a').innerHTML = '<div class="product-image img-item" style="background-image: url(images.png);"></div>';

добавляю html

<div class="thumbnail"><a href="http://apps.esoftie.com/show_item.php?data=Yz1VUyZsPWVuJmljPUdCJmk9MTcxODM3NTA1MjI1JmE9cyZ4PWF1Y3Rpb25faXRlbXMmdGl0bGU9TEFSR0UgOGNtIFJFQUwgU29mdCBGdXIgQ3JhZnQgQmFsbCBQb20gUG9tIEJvYmJsZSBCYWxsIEZyaW5nZSBCcmFpZCBDaGFybSBUcmltJmltZz1odHRwOi8vaS5lYmF5aW1nLmNvbS9pbWFnZXMvaS8xNzE4Mzc1MDUyMjUtMC0xL3MtbDEwMDAuanBn" target="_blank" onclick=""><div class="product-image img-item" style="background-image: url(images.png);"></div></a></div>

Cdelphi78,
Увы, но такого тэга

Цитата:

div.content.thumbnail .item .thumbnail

в стандарте HTML5 нет.

Cdelphi78,
может

document.querySelector('div.thumbnail a').innerHTML =

Что то не получается я уже со всякими селекторами пробовал:(

Cdelphi78,

<div class="thumbnail"><a href="http://apps.esoftie.com/show_item.php?data=Yz1VUyZsPWVuJmljPUdCJmk9MTcxODM3NTA1MjI1JmE9cyZ4PWF1Y3Rpb25faXRlbXMmdGl0bGU9TEFSR0UgOGNtIFJFQUwgU29mdCBGdXIgQ3JhZnQgQmFsbCBQb20gUG9tIEJvYmJsZSBCYWxsIEZyaW5nZSBCcmFpZCBDaGFybSBUcmltJmltZz1odHRwOi8vaS5lYmF5aW1nLmNvbS9pbWFnZXMvaS8xNzE4Mzc1MDUyMjUtMC0xL3MtbDEwMDAuanBn" target="_blank" onclick=""><div class="product-image img-item" style="background-image: url(images.png);"></div></a></div>
<script>
  document.querySelector('div.thumbnail a').innerHTML = '<div class="product-image img-item" style="background-image: url(images.png);">сменили шило на мыло</div>';
</script>

рони,
TypeError: document.querySelector(...) is null

Cdelphi78,
значит тега нет на странице это без вариантов, если конечно у вас не windows98.

Хм как нету если есть там куча этих тегов

Cdelphi78,
вы макет не полностью выложили?

document.querySelector('div.content.thumbnail .item .thumbnail a').innerHTML =

Цитата:

там куча этих тегов

querySelector с кучами не работает. Советую использовать querySelectorAll

Дак и для одного не работает хоть бы один заменил был)
Щас попробую querySelectorAll

ооо, ошибок нет в консоли, но он упорно не хочет менять строчки эти

Cdelphi78,
нет макета нет совета. всё заменяется.

<div class="content thumbnail">
		<div class="item">
			<div class="thumbnail">
				<a href="tratata.html"></a>
			</div>
		</div>
	</div>
	<script>
		document.querySelector('div.content.thumbnail .item .thumbnail a').innerHTML = '<div class="product-image img-item" style="background-image: url(images.png);">Insert text</div>';
	</script>

Может в какую функцию нужно обернуть

Cdelphi78,
вниз страницы скрипт

Смотрите теперь один заработал а несколько не работают,

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	div.content .thumbnail a img {
	height:300px;
	width:300px;
	}
	</style>
</head>
<body>
	<div class="content thumbnail">
		<!--<div class="item">
			<div class="thumbnail">
				<a href="tratata.html"></a>
			</div>
		</div>
	</div>-->
<div class="thumbnail"><a href="http://google.com" target="_blank" onclick=""><img src="../img/pixel.gif" class="product-image" style="background-image: url(http://img2.1001golos.ru/ratings/60000/59882/pic2.jpg)"></a></div>	
<div class="thumbnail"><a href="http://google.com" target="_blank" onclick=""><img src="../img/pixel.gif" class="product-image" style="background-image: url(http://img2.1001golos.ru/ratings/60000/59882/pic2.jpg)"></a></div>
<div class="thumbnail"><a href="http://google.com" target="_blank" onclick=""><img src="../img/pixel.gif" class="product-image" style="background-image: url(http://img2.1001golos.ru/ratings/60000/59882/pic2.jpg)"></a></div>	
	
	<script>
		document.querySelectorAll('div.content .thumbnail a').innerHTML = '<div class="product-image img-item" style="background-image: url(http://img.clickonf5.org/it/7GoogleChromeExtensionsYouMustHave_A5E0/google_chrome_extensions.png) no-repeat;">Insert text</div>';
	</script>

</body>
</html>

Цитата:

Сообщение от Cdelphi78

а несколько не работают,

абалдеть!!! может всётаки с букваря начать

Одни элемент удаляется если c document.querySelector а несколько элементов не удаляются если с document.querySelectorAll

Cdelphi78,
циклом по всем элементам querySelectorAll

рони, я уже нашел это спасибо, только вот как теперь составить этот цикл:(

Нашел готовый.