Question

因此，我试图用javascript中的变量填充html标签。我正在执行的代码似乎可以部分运行，但不能完全运行，因为它没有显示我要显示的内容

问题是，当我从javascript警报变量时，该值显示在警报中，但是从不同部分调用它时，什么也没发生。

var client_code = "SOMETHING";
client_code = String(client_code);
document.getElementById('titleClientCode').value = client_code;

//javasctipt where it is not showing
document.getElementById("titleClientCode").hidden = false;

<h4 class="modal-title" style="display:inline" type="hidden" id="titleClientCode" name="titleClientCode"></h4>

Answer 1

替换

document.getElementById('titleClientCode').value = client_code;

使用

document.getElementById('titleClientCode').innerHTML= client_code;

Answer 2

标题标签没有value。 W3 Schools

您要使用的是textContent W3 Schools

所以您的成品看起来像这样：

<h4 class="modal-title" style="display:inline" type="hidden"  id="titleClientCode" name="titleClientCode"></h4>

<script>
//Javascript Part - works when alerted
var client_code = "SOMETHING";
client_code = String(client_code);
document.getElementById('titleClientCode').textContent = client_code;

//javasctipt where it is not showing
document.getElementById("titleClientCode").hidden = false;
</script>```

Answer 3

您正在混乱，请在此处退出。您有标题<h4>元素。如果使用该值，则将设置此行的值。该值不等于显示的内容（即innerHTML）。我认为您想使用以下代码

var client_code = "SOMETHING";
document.getElementById("titleClientCode").innerHTML = client_code;

<h4 class="modal-title" style="display:inline" id="titleClientCode" name="titleClientCode"></h4>

Answer 4

只有input个具有value。

要更改/设置其他元素的内容，请使用innerText，innerHTML或textContent。

我用innerText来回答这个问题：

//Html Part


//Javascript Part - works when alerted
var client_code = "SOMETHING";
client_code = String(client_code);
document.getElementById('titleClientCode').innerText = client_code;

//javasctipt where it is not showing
document.getElementById("titleClientCode").hidden = false;

<h4 class="modal-title" style="display:inline" type="hidden"  id="titleClientCode" name="titleClientCode"></h4>

如何使用javascript中的变量填充html标签

4 个答案: