JSFiddle - React, Tailwind, and code Playground

by camel2243

HTML

<p>
原本的 p 元素
</p>

CSS

p {
  background-color: #ddd;
}

JavaScript

var element = document.getElementsByTagName('p')[0];

element.insertAdjacentHTML('beforebegin', '<p>插入在p元素外前</p>')
element.insertAdjacentHTML('afterbegin', '<p>插入在p元素內前</p>')
element.insertAdjacentHTML('beforeend', '<p>插入在p元素內後</p>')
element.insertAdjacentHTML('afterend', '<p>插入在p元素外後</p>')