Или вообще вот так.
<!DOCTYPE html>
<html ng-app>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function addTextNode(text) {
document.getElementById("p1").innerHTML+=text;
};
</script>
</head>
<body>
<button onclick="addTextNode('<h1>YES!</h1> ');">YES!</button>
<hr />
<div id="p1">
<p>Хочу чтобы было заголовком</p>
</div>
</body>
</html>