<!DOCTYPE html>
<html lang="en-US">
<body>
<p id="point">Delete the first character from this paragraph.</p>
<button onclick="myFunction()">Click Me</button>
<script>
var x = document.getElementById("point");
function myFunction() {
var textNode = x.firstChild;
if(textNode.data.length > 1) {
var range = document.createRange();
range.setStart (textNode, 0);
range.setEnd (textNode, 1);
range.deleteContents();
}
}
</script> </body>
</html>