Home Change the value of span using Javascript or Jquery using <input> or text attribute

Questions

Change the value of span using Javascript or Jquery using <input> or text attribute

August 22, 2022

I want to change span value to <span class='tag'>test_succeed</span>,

I tried "input" but it doesn’t work, any idea ?

<span class="tag" id="tag-option">
  <input type='hidden' name='tag-value' value='' id="test-input">
  <span class="close"></span>
</span>
<script>
  document.getElementById('test-input').value = "test_succeed";
</script>

>Solution :

If you are only trying to add text to the span, you don’t need an input element. You can use the innerText function.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText

<span class="tag" id="tag-option">
  <span class="close"></span>
</span>
<script>
  document.getElementById('tag-option').innerText = 'test_succeed';
</script>