
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
Getting an HTML H1 value to JavaScript variable?
To get the value of H1 to JavaScript variable, you can use −
document.getElementById().innerHTML.
Let’s say the following is our H1 heading −
<h1 id="demo"> This is the demo program of JavaScript ........</h1>
Now, let’s get the H1 value using the below code −
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet"href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <h1 id="demo"> This is the demo program of JavaScript ........</h1> <script> var data=document.getElementById('demo').innerHTML; console.log("The data is="+data); </script> </body> </html>
To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
- Related Articles
- How to access an object value using variable key in JavaScript?
- How to create an object property from a variable value in JavaScript?
- How to display JavaScript variable value in alert box?
- Extract the value of the to a variable using JavaScript?
- Getting the return value of Javascript code in Selenium.
- Getting HTML form values and display on console in JavaScript?
- Getting Safari to recognize HTML 5
- Setting a default variable value to undefined in a function - JavaScript?
- Can re-declaring a variable destroy the value of that variable in JavaScript?
- How to properly use h1 in HTML5?
- HTML DOM Variable Object
- How to add a variable in HTML?
- How to check if a variable is an integer in JavaScript?
- How to check if a variable is an array in JavaScript?
- Update MongoDB variable value with variable itself?

Advertisements