Insertion Inside

Question 1

Append element to single target

target.append(element);

Answer 1

target.appendChild(element);

Question 2

Append element to a set of targets

targets.append(element);

Answer 2

ES6

for (var target of targets) target.appendChild(element.cloneNode(true)); element.remove();

ES5

targets.forEach(function(target) { target.appendChild(element.cloneNode(true)); }); element.remove();

Question 3

$(parent).prepend(el);

Answer 3

parent.insertBefore(el, parent.firstChild);

Question 4

Get element html

var html = element.html();

Answer 4

var html = element.innerHTML;

Question 5

Set element html

element.html(‘

foo

’);

Answer 5

element.innerHTML = ‘

foo

’;

Question 6

Set html to a set of elements

elements.html(‘

foo

’);

Answer 6

ES6

elements.forEach(x => x.innerHTML = ‘

foo

’);

ES5

elements. forEach(function(element) {
element. innerHTML = ‘

foo

’;

});

Question 7

Get element text

var text = element.text();

Answer 7

var text = element.textContent;

Question 8

Get element text from a set of elements

vvar text = elements.text();

Answer 8

ES6

var text = elements.map(x => x.textContent).join(‘’);

ES5

var text = elements.map(function(element) {

return element.textContent;

}).join(‘’);

Question 9

Set element text

element.text(‘foo’);

Answer 9

element.textContent = ‘foo’;

Question 10

Set text to set of elements

elements.text(‘foo’);

Answer 10

ES6

elements.forEach(x => x.textContent = ‘foo’);

ES5

elements.forEach(function(element) { element.textContent = ‘foo’;

});