Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Вставка html на страницу (https://javascript.ru/forum/css-html/71367-vstavka-html-na-stranicu.html)

flyte 13.11.2017 18:01

Вставка html на страницу
 
Здравствуйте! Помогите пожалуйста, есть код

[].forEach.call(document.querySelectorAll('.qwerty'), function(d1) {
	var data-id = d1.getAttribute("data-feature-id");
	d1.insertAdjacentHTML('beforebegin', '<a class="del-all" href="#" title="Delete all">x</a>');			
});


мне нужно тегу "a" добавить id = data-id, как это реализовать?

рони 13.11.2017 18:13

flyte,
:-?
[].forEach.call(document.querySelectorAll('.qwerty'), function(d1) {
  var id = d1.getAttribute("data-feature-id");
  d1.insertAdjacentHTML('beforebegin', '<a id="'+id+'" class="del-all" href="#" title="Delete all">x</a>');
});

flyte 13.11.2017 18:20

Цитата:

Сообщение от рони (Сообщение 469973)
flyte,
:-?
[].forEach.call(document.querySelectorAll('.qwerty'), function(d1) {
  var id = d1.getAttribute("data-feature-id");
  d1.insertAdjacentHTML('beforebegin', '<a id="'+id+'" class="del-all" href="#" title="Delete all">x</a>');
});

спасибо большое

flyte 24.11.2017 10:20

подскажите пожалуйста еще, код тот же
[].forEach.call(document.querySelectorAll('.qwerty'), function(d1) {
  var id = d1.getAttribute("data-feature-id");
  d1.insertAdjacentHTML('beforebegin', '<a id="'+id+'" class="del-all" href="#" title="Delete all">x</a>');
});

как мне применить его только в определенном div с id=th-block?

рони 24.11.2017 10:27

flyte,
var d1 = document.querySelector('#th-block');
  var id = d1.getAttribute("data-feature-id");
  d1.insertAdjacentHTML('beforebegin', '<a id="'+id+'" class="del-all" href="#" title="Delete all">x</a>');

flyte 24.11.2017 10:50

я чуть не так выразился, в div с id=th-block есть кучу вложений с class=qwerty, и мне нужно применить этот код
var id = d1.getAttribute("data-feature-id");
d1.insertAdjacentHTML('beforebegin', '<a id="'+id+'" class="del-all" href="#" title="Delete all">x</a>');

ко всем классам qwerty в родительском div с id=th-block

Nexus 24.11.2017 10:55

flyte, в коде поста №4 ".qwerty" замените на "#th-block .qwerty".

flyte 24.11.2017 11:02

блин, так все просто) спасибо всем


Часовой пояс GMT +3, время: 11:17.