

- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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 Questions & Answers
- How to access an object value using variable key in JavaScript?
- How to create an object property from a variable value in JavaScript?
- Getting the return value of Javascript code in Selenium.
- How to display JavaScript variable value in alert box?
- Getting HTML form values and display on console in JavaScript?
- Can re-declaring a variable destroy the value of that variable in JavaScript?
- How to properly use h1 in HTML5?
- Update MongoDB variable value with variable itself?
- Setting a default variable value to undefined in a function - JavaScript?
- HTML DOM Variable Object
- Getting Safari to recognize <main> HTML 5
- Getting values from HTML5 Canvas to JavaScript
- Getting Tooltips for mobile browsers in HTML
- Getting last value in MySQL group concat?
- Getting Minimum and Maximum Value in MySQL
Advertisements