使用 Javascript 或 Jquery 更改 span 的值<input>或文本屬性

Question

我想將跨度值更改為<span class='tag'>test_succeed</span> ，

我嘗試了“輸入”，但它不起作用，知道嗎？

 <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>

Answer 1

如果您只是想向span添加文本，則不需要輸入元素。 您可以使用內部文本innerText 。

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>

編輯

要保持“關閉”跨度，您可以使用prepend ：

https://developer.mozilla.org/en-US/docs/Web/API/Element/prepend

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

Answer 2

當您談論<tag>value</tag>時，您指的是 DOM object，在這種特殊情況下，您正在嘗試更新該標簽的內部 HTML。

所以你可以使用：

document.getElementById('my_id').innerHTML = 'my text';

（ https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML ）

或使用 jQuery：

$('#my_id').html('my text');

( https://api.jquery.com/html/ )