JSFiddle - React, Tailwind, and code Playground

by woodroots

HTML

<div class="block">
blockというdiv
</div>
<p class="item">
itemというp
</p>
<p class="item">
itemというp
</p>
-----この下にobjがappendされる-------------

CSS

div.block {
 padding: 10px;
  border: 1px solid #f00;
}
p.item {
  padding: 10px;
  border: 1px solid #00f;
}
p.generate {
 padding: 10px;
 background: #f00;
 color: #fff;
  
}

JavaScript

$(function(){
	var obj = $('<p class="generate">これは生成される要素</p>').add($('p.item'));
  $('body').append(obj);
});