Press "Enter" to skip to content

Writing Text to a Region Using JavaScript in Oracle Apex

This example shows you, how to writing text to a region using JavaScript in Oracle Apex. I will use document.getElementById().innerHTML JavaScript command to perform this task. Follow these steps:

1. Create a Region and set the following properties:

In Oracle Apex page designer, do the right-click on the Region node and select Create Region option to create a new region and then set the following properties:

  • Title: JS Text
  • Type: Static Content
  • Template: Blank with Attributes
  • Static ID: jstext

2. Write Text to the above Region Using JavaScript on Page Load

Click on your page in page designer, then in properties go to JavaScript > Executes when Page Loads and add the following JavaScript code:

document.getElementById("jstext").innerHTML="This is the <b>first line</b> of text written through JavaScript.<br>";

You can also execute the above JavaScript code using a dynamic action for page load.

Now we will see, how you can add more text in the same region using a button or other dynamic actions executing JavaScript code. For the below example, I created a button and created a dynamic action for the button to execute JavaScript code.

3. Append More Text to a Region in Oracle Apex Using JavaScript

Add the following JavaScript code to any event to append text to the above-created region:

document.getElementById("jstext").innerHTML += "This is the <b>Second line</b> of text written through JavaScript.<br>";

Here we are using the “+=” operator to append text. Similarly, you can add more text to it using JavaScript in any event. The following is the output:


Oracle Apex - write text using JavaScript into a region.

Related tutorials:


Vinish Kapoor is created, written, and maintained by Vinish Kapoor. It is built on WordPress, and hosted by Bluehost. Connect with Vinish on Facebook, Twitter, and GitHub.

You may also like: