Выход Javascript на новую вкладку

Question

Мне нужно вывести все эти divs на новую вкладку. Но когда я нажимаю ссылку, выводится только строка 3. Что не так?

<a onclick="func()" href="javascript:void(0);">click to open all "foo" divs in a new tab</a> 

<div class="foo">Row 1</div> 
<div class="foo">Row 2</div> 
<div class="foo">Row 3</div> 

<script> 
function func() { 
    var foo = document.getElementsByClassName("foo"); 
     for (i = 0; i < foo.length; i++) { 
       htmlContent = foo[i].innerHTML; 
     } 
     window.open().document.write(htmlContent); 
} 
</script> 

Answer 1

Вы не объявляли переменную «htmlContent» с вар ключевое слово Перед назначением ему значение. Проверьте этот код: -

<script> 
     function func() { 
     var foo = document.getElementsByClassName("foo"); 
     var htmlContent = ''; 
      for (i = 0; i < foo.length; i++) { 
        htmlContent += foo[i].innerHTML; 
      } 
      window.open().document.write(htmlContent); 
     } 
</script> 

Answer 2

С каждым приращением i вы переписываете содержимое html. изменить

htmlContent = foo[i].innerHTML; 

с

htmlContent += foo[i].innerHTML;