​x
 
<!DOCTYPE html>
<html>
​
<style>
  p {border:2px inset #666; padding:0.4em 0.1em 0.5em;font-family:Calibri;}
  button {padding:0.4em 0.8em; margin:0px 10px; font-family:"Calibri"; color:#55f}
</style>
​
<body>  
    <div id="oDiv">
        <p id='myText'>Budget information</p>
    </div>
    <button id="nextButton" onclick="outerTextFunc()">Change text here</button>
​
    <script>
        function outerTextFunc(){
            var myElem = document.getElementById("myText");
            myElem.outerText = 'Trip info!';
        }
    </script>
    </body>
​
</html>