CodePen Embed - insertAdjacentHTML

<strong class="text">
    안녕하세요
</strong>

const text = document.querySelector('.text');
text.insertAdjacentHTML('beforebegin', '<span>오늘의 날씨는</span>');
text.insertAdjacentHTML('afterbegin', '<span>맑습니다</span>');
text.insertAdjacentHTML('beforeend', '<span>현재 기온은</span>');
text.insertAdjacentHTML('afterend', '<span>20도입니다</span>');

This Pen is owned by plutoin on CodePen.

See more by @plutoin on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.