textContent 에 해당하는 jQuery text 사용
가능하면 jQuery 사용해야 다른 브라우저에서도 큰 문제가 발생 하지 않습니다.
현재는 크롬계열이 대부분이고 파이어폭스, 사파리 정도 이지만 습관을 들이는것이 좋습니다.
다만 속도 문제가 있어 속도에 큰 영향을 받는것이라면 jQuery를 권장하지 않습니다. 일반적인 사이트에선 속도 때문에 jQuery를 사용 못할 필요는 없을 것이라 봅니다.
아래 html을 넣어야 한다면 text 부분을 html로 변경하면 됩니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
</head>
<body>
<div id='testid'></div>
<p></p>
<div id='testid2'></div>
<script>
var msg = '---1';
var testid = document.getElementById('testid');
testid.textContent = msg;
// 위와 동일한것이다
msg = '---2';
$('#testid2').text( msg );
</script>
</body>
</html>