How to get text inside one span tag to another span tag?

Question

Need to get the value 40.78 from <span> to be stored in <span id ="test">.

Tried the code below. But not able to figure out what's going wrong. The error getting on console is :

Uncaught ReferenceError: div is not defined.

Any help would be really appreciated.

var span = div.getElementsByTagName("span");
var test = document.getElementById('test');
console.log(test.innerHTML = span.innerHTML);

<span>40.78</span>
<span id="test"></span>

@epascarello — The first line of JS in the code tries to use a variable called `div` which isn't defined! — Quentin, Oct 01 '18 at 16:20
Going to be a dupe of https://stackoverflow.com/questions/10693845/what-do-queryselectorall-getelementsbyclassname-and-other-getelementsby-method after they fix the issue... — epascarello, Oct 01 '18 at 16:21

Mamun · Accepted Answer · 2018-10-01T16:36:04.147

div is not defined any where in the code. Use document instead.

getElementsByTagName() returns collection, you have to use index. I will also suggest you to use textContent instead of innerHTML when dealing with text only content:

<html>
  <body>
   <div>
    <span>40.78</span>
   </div>
    <span id = "test"></span>
     <script>
      var span = document.getElementsByTagName("span")[0];
      var test = document.getElementById( 'test' );
      test.textContent = span.textContent;
      console.log(test.textContent);
     </script>
 </body>
</html>

Quentin · Answer 2 · 2018-10-01T16:23:33.730

0

The error says it is not defined, and you don't define it anywhere.

If you want to use it, you need to define it.

e.g.

var div = document.querySelector('div');

Re edit.

The solution in the above answer doesn't apply to the edited code. It is no longer clear what you expect the div variable (which is still undeclared) to represent.

edited Oct 01 '18 at 16:23

answered Oct 01 '18 at 16:20

Quentin

914,110
126
1,211
1,335

How to get text inside one span tag to another span tag?

2 Answers2