6 examples of 'createelement jquery' in JavaScript

33
function createElement(k) {
34
  var elem = $('#cursor');
35
  var output = $('.output');
36
  if (k == "a" || k == "A") {
37
    elem.before('<span>a</span>');
38
    output.before('<span>animal</span>');
39
  }
40
  if (k == "b" || k == "B") { elem.before('<span>B</span>'); }
41
  if (k == "c" || k == "C") { elem.before('<span></span>'); }
42
  if (k == "d" || k == "D") { elem.before('<span>D</span>'); }
43
  if (k == "e" || k == "E") { elem.before('<span>E</span>'); }
44
  if (k == "f" || k == "F") { elem.before('<span>F</span>'); }
45
  if (k == "g" || k == "G") { elem.before('<span>G</span>'); }
46
  if (k == "h" || k == "H") { elem.before('<span>H</span>'); }
47
  if (k == "i" || k == "I") { elem.before('<span>I</span>'); }
48
  if (k == "j" || k == "J") { elem.before('<span>J</span>'); }
49
  if (k == "k" || k == "K") { elem.before('<span>K</span>'); }
50
  if (k == "l" || k == "L") { elem.before('<span>L</span>'); }
51
  if (k == "m" || k == "M") { elem.before('<span>M</span>'); }
52
  if (k == "n" || k == "N") { elem.before('<span>N</span>'); }
53
  if (k == "o" || k == "O") { elem.before('<span>O</span>'); }
54
  if (k == "p" || k == "P") { elem.before('<span>P</span>'); }
55
  if (k == "q" || k == "Q") { elem.before('<span>Q</span>'); }
56
  if (k == "r" || k == "R") { elem.before('<span>R</span>'); }
57
  if (k == "s" || k == "S") { elem.before('<span>S</span>'); }
58
  if (k == "t" || k == "T") { elem.before('<span>T</span>'); }
59
  if (k == "u" || k == "U") { elem.before('<span>U</span>'); }
60
  if (k == "v" || k == "V") { elem.before('<span>V</span>'); }
61
  if (k == "w" || k == "W") { elem.before('<span>W</span>'); }
62
  if (k == "x" || k == "X") { elem.before('<span>X</span>'); }
63
  if (k == "y" || k == "Y") { elem.before('<span>Y</span>'); }
64
  if (k == "z" || k == "Z") { elem.before('<span>Z</span>'); }
65
  if (k == " ") { elem.before('<span> </span>') };
66
}

5
function createElement(tagName, className, $appendTo, html, title) {
6
	var $elem = document.createElement(tagName);
7
	className != null && ($elem.className = className);
8
	$appendTo && $appendTo.appendChild($elem);
9
	html != null && ($elem.innerHTML = html);
10
	title != null && ($elem.title = title);
11
	return $elem;
12
}

12
function createE(element) {return document.createElement(element);}

5
function createElement(tag, id, css) {
6
  const element = document.createElement(tag);
7
  element.id = id;
8
  element.style.cssText = css;
9
  return element;
10
}

51
function createElement (tagName, className) {
52
  const elment = document.createElement(tagName)
53
  elment.className = className
54
  return elment
55
}

71
function createElement(tagName, className) {
72
  const elment = document.createElement(tagName)
73
  elment.className = className
74
  return elment
75
}