How to get the value of the first child of tag element in JavaScript

212 views

asked Jul 10, 2015 by avibootz
retagged Jul 10, 2015 by avibootz

Share on

share on gp share on fb share on tw share on li share on re share via email

2 Answers

<!DOCTYPE html>
<html>
  
<head>
<style>
#div-id {
    background-color: cornflowerblue;
    width: 70px;
    height: 20px;
    padding: 10px;
}
</style>
</head>
  
<body>
  
<div id="div-id">div tag</div>
<p id="p-id"></p>

<script>
 
var txt = document.getElementById("div-id").childNodes[0].nodeValue;

document.getElementById("p-id").innerHTML = txt;  

/*
run:
  
div tag
  
*/

</script>

</body>
  
</html>

Cleaner teeth, healthier you!
Get The Secret to a Bright and Healthy Smile

answered Jul 10, 2015 by avibootz

<!DOCTYPE html>
<html>
  
<head>
<style>
#div-id {
    background-color: cornflowerblue;
    width: 70px;
    height: 20px;
    padding: 10px;
}
</style>
</head>
  
<body>
  
<div id="div-id">div tag</div>
<p id="p-id"></p>

<script>
 
var txt = document.getElementById("div-id").firstChild.nodeValue;

document.getElementById("p-id").innerHTML = txt;  

/*
run:
  
div tag
  
*/

</script>

</body>
  
</html>

Cleaner teeth, healthier you!
Get The Secret to a Bright and Healthy Smile

answered Jul 10, 2015 by avibootz

Most popular tags

How to get the value of the first child of tag element in JavaScript

2 Answers

Related questions