Взять комментированный контент из html

#javascript #html #jquery

Вопрос таков. Допустим на сайте есть какие то куски html которые комментированы.
К примеру вот так 

Можно ли с помощью javascript взять эти куски и использовать как то?


  Но не надо давать какие то отдельные библиотеки. Не хочу для этого
  прикрепить еще какую то библиотеку с сотнями строк на сайт.
  
  И еще парсинг с регулярками совсем не интересен, потому что тогда выбранные узлы
будут просто string и отдельно работать с ними не получится.


Вот примерный код html.




    





    

Ответы

Ответ 1

Можно, но в виде строки



function enumDom() {
  var div = document.getElementById('image-container');
  for (var i = 0; i < div.childNodes.length; i++) {
    if (div.childNodes[i].nodeType == 8)  // NODE_COMMENT
      console.log(div.childNodes[i].nodeValue);
  }
}

    







Чем парсить такую строку - смотрите сами. jQuery с этим справится.

А зачем такое извращение? Не проще ли эти элементы сделать просто невидимыми?

Если Вам нужно подгрузить изображения, так сделайте так



function showImage() {
  var div = document.getElementById('image-container');
  for (var i = 0; i < div.children.length; i++) {
    var img = div.children[i];
    img.src = img.attributes['data-src'].value;
    img.style.display = 'inline';
  }
}
#image-container img {
  display: none;
}

    





Ответ 2

Может быть так?



var text = document.getElementById('image-container').innerHTML.replace(/()/g,
'').trim();

document.getElementById('container').innerHTML= text;