Getting HTML value into a Javascript function

Question

There is a string value in a p class like <p id="demo">10 hours : 25 minutes : 20 seconds</p>. Here I want to split that value like 10:25:20. This is my javascript function.

function countdownTimeStart(){
   var countDownDate = new Date("Mar 5, 2018 15:37:25").getTime();

   var x = setInterval(function() {
     something ... 
   }

So I need to replace the var countDownDate = new Date("Sep 5, 2018 15:37:25").getTime(); into above 10:25:20 which comes from p tag. I'm tried following way.

var countDownDate = document.getElementById("demo").value;

But it does not work. Can anyone help me to solve this.

CertainPerformance · Accepted Answer · 2018-04-27 06:12:34Z

4

You need to access the text content of the element there. .value only works for inputs and textareas.

const digits = document.querySelector('#demo').textContent.match(/\d\d/g);
const time = digits.join(':');
console.log(time);

<p id="demo">10 hours : 25 minutes : 20 seconds</p>

answered Apr 27, 2018 at 6:12

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Chathuri Fernando Over a year ago

Where is the var countDownDate object?

Chathuri Fernando Over a year ago

Can you please tell me how can I apply this into var countDownDate, I'm new to the Javascript.

CertainPerformance Over a year ago

Just replace const time with const countDownDate if you want the variable name to be countDownDate.

CertainPerformance Over a year ago

"not working" does not tell me anything about what the problem is - please elaborate.

soyelmnd · Accepted Answer · 2018-04-27 06:13:08Z

2

div doesn't have a value, it has innerHTML and textContent which can be get/set

var countDownDate = document.getElementById('demo').textContent;

answered Apr 27, 2018 at 6:13

soyelmnd

557 bronze badges

Comments

user9673712 · Accepted Answer · 2018-04-27 06:36:58Z

0

Use document.getElementById("some");

        var x = document.getElementById("some").innerHTML;


</script>
<body>
    <p id="some">Some text</p>
</body>

answered Apr 27, 2018 at 6:36

user9673712

Collectives™ on Stack Overflow

Getting HTML value into a Javascript function

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related