Денис

Какой-то у вас загадочный атрибут "link" в ссылках. Или же вы что-то перепутали, или это из HTML7 :)
Смотрим пример в песочнице

var perPage = 3, // кол-во элементов открывать по клику
    offset = 0,
    listBox = document.querySelector('.b-tag'),
    list = listBox.querySelector('.b-tag__list'),
    listItems = [].slice.call(list.querySelectorAll('li')),
    listCnt = listItems.length,
    moreBut = document.createElement('a');
moreBut.className = 'b-tag__link b-tag__link--more';
moreBut.textContent = 'Еще';
listBox.appendChild(moreBut);

moreBut.addEventListener('click', function(e) {
    e.preventDefault();
    listItems.slice(offset, (offset = perPage + offset)).forEach(function(li) {
        li.style.display = 'list-item';
    });
    if (offset >= listCnt) {
        this.style.display = 'none';
    }
}, false);
moreBut.click();

Перемудрили.

var re = /<!--[\s\S]*?-->/g;
var str = '..<!-- Мой -- комментарий \n тест -->';
alert( str.match(re) );

Одни из самых популярных - Masonry и Isotope

Схематически, можно сделать так

var obj = {
    2: {
        5: 15,
        11: 220,
        30: 70
    },
    3: {
        1: 65,
        4: 30,
        30: 5
    }
};

function daysInMonth(month, year) {
    return (new Date(year, month, 0)).getDate();
}
var months = Object.keys(obj),
	tbl = '<table>',
    lineTop = '',
    lineBot = '';

for(var i = 0; i < months.length; i++) {
    lineTop = '<tr>';
    lineBot = '<tr>';
	for(var d = 1; d <= daysInMonth(months[i], 2016); d++) {
    	lineTop += '<th>' + d + '</th>';
        if(obj[months[i]].hasOwnProperty(d)) {
        	lineBot += '<td class="has-val">' + obj[months[i]][d] + '</td>';
        } else {
        	lineBot += '<td></td>';
        }
    }
    lineTop += '</tr>';
    lineBot += '</tr>';
    tbl += lineTop + lineBot;
}
tbl += '</table>';
document.body.innerHTML = tbl;

но получаю только ошибки

Ошибки желательно показывать, да и код показали не полный.
Смотрим пример

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver,
    observer = new MutationObserver(function(mutations) {
        mutations.forEach(function (mutation) {
            console.log(mutation.addedNodes);
        });
    });

var config = {
    childList: true
};
var target = document.querySelector('tbody');
observer.observe(target, config);

Сама таблица выглядит так

А в реальном html-коде id у <tbody> присутствует?

Если не менять структуру, а использовать уже имеющиеся методы, то можно сделать так:
1. В метод init(), после this.setup() дописываем this.showFirstLastLetter()
2. Описываем метод showFirstLastLetter()

showFirstLastLetter: function(){
    	this.guessLetterInput.val(this.wrd.letters[0].letter);
      	this.guessForm.trigger('submit');
        this.guessLetterInput.val(this.wrd.letters[this.wrd.totalLetters-1].letter);
      	this.guessForm.trigger('submit');        
},

<input type="text">
<button>Удалить обработчик события</button>

var inp = document.querySelector('input');
inp.oninput = function(){
	console.log(this.value);
};

document.querySelector('button').addEventListener('click', function(){
	inp.oninput = null;
}, false);

Пример в песочнице

Вот вам супер-пупер плагин, а дальше - полёт вашей фантазии ))

;(function($){
	$.fn.fadeInDelay = function(){
    	var init = function(){
        	$(this).hide().delay($(this).data('delay')).fadeIn();
        };
    	return this.each(init);
    };
}(jQuery));
$('div').fadeInDelay();

Особо беспокоится не нужно. По сути, сценарий метода закончится не начавшись, т.к. "анимируемое свойство" элемента, уже будет в финальной его стадии. А вот ваш код, можно было бы слегка оптимизировать.
1. Так как методы должны применяться только, если ширина окна меньше 768px, то условие хорошо бы сделать до установки обработчика события.
2. Кешировать элемент(ы) '.iconset-phone', дабы при каждом срабатывании события, не приходилось выполнять их поиск на странице
В общем, можно сделать как-то так:

$(function() {
    if ($(window).width() < 768) {
        var iconset = $('.iconset-phone');
        $(window).on('scroll', function() {
            iconset[$(this).scrollTop() > 0 ? 'slideUp' : 'slideDown']();
        });
    }
});

$(".PN").on('change', function(){
  $(".PAll").text($(this).val() * $(".Pprice").text());
});

$("#tabs").tabs({
  create: function(e, ui) {
    location.hash = ui.panel.selector;
  },
  activate: function(e, ui) {
    location.hash = ui.newPanel.selector;
  }
});

Не нужно ничего удалять и снова добавлять. Используйте делегированную обработку событий:

document.addEventListener('click', function(e) {
  if (e.target.classList.contains('class')) {
    deletComment(e.target);
  }
}, false);

UPD по комментарию

stopPropagation не помог

Я бы удивился, если бы помог, т.к. document в иерархии всплытия события, будет стоять последним в очереди. Я в принципе вам предлагал использовать делегирование, т.е. один обработчик клика на весь документ. В вашем случае, проблему можно решить, установив обработчик на ближайший родительский статичный элемент, а не на весь документ. И, если присутствуют еще какие-то родительские элементы, на которых так же установлен клик, то делать проверку внутри их обработчика. Вариант 1, Вариант 2.
А что касается предложенного мной вариант с установкой одного обработчика, то могу показать, как я это реализовывал в некоторых проектах, может пригодится в будущем ... или настоящем :)
Пример в песочнице При добавлении нового элемента, я только дописываю ему в data-атрибут метод, который должен быть вызван при клике и описываю сам метод в объекте "methods"

<div class="wrapper" data-method="setBgColor">
  wrapper
  <div class="parent" data-method="alertHello">
    parent
    <div class="child" data-method="changeBorder">
      child
    </div>
  </div>
</div>

document.addEventListener('click', function(e) {
  var el = e.target;
  if (methods.hasOwnProperty(el.dataset.method)) {
    methods[el.dataset.method].call(el);
  }
}, false);
var methods = {
  setBgColor: function() {
    this.style.backgroundColor = '#ff0';
  },
  alertHello: function() {
    alert('Hello, world!');
  },
  changeBorder: function() {
    this.style.border = '3px dashed #900';
  }
};

Как-то так:

document.addEventListener('DOMContentLoaded', resizeElement, false);
window.addEventListener('resize', resizeElement, false);

function resizeElement() {
	var winH = window.innerHeight;
	[].forEach.call(document.querySelectorAll('.window'), function(el){
  	el.style.height = winH + 'px';
  });
}

Такой вариант

var div = document.querySelector('div');

document.querySelector('button').addEventListener('click', function() {
  var cl = div.cloneNode(true);  
  cl.style.cssText = 'height: auto; position: absolute; left: -100500px;';
  document.body.appendChild(cl);
  div.style.height = cl.offsetHeight + 'px';
  cl.parentNode.removeChild(cl);
  
}, false);