时间戳

首页 > 解决方案 > 如何解决可见性更改innerHTML文本问题

javascript - 如何解决可见性更改innerHTML文本问题

问题描述

嘿伙计们，我有一个问题，比如我们是否将标签标签的可见性设置为隐藏，我们想要更改其内部文本并显示它如何在 java script 中执行此操作。我正在学习基础知识，但我没有找到任何东西请帮忙

<label id="hey" style="color:red;visibility:hidden">
  Visibility check
</label>

<script>
<!-- assume we have a button-->
function checks(){
  var s = document.getElementById("hey").style.visibility="visible";
  s.innerHTML="Checks";
  <!-- changing my text {this does not work} -->    
}
</script>

你能解决这个问题吗？这不起作用

标签： javascript

解决方案

在 JavaScript 中，

var a, b;
a = b = 2;

将值分配2给a和b。

因此，在您的代码中，您不仅要将元素的 style 属性更改为，而且还要visible将此值分配给s。

但是，您的意图是保留元素的引用，s然后在不丢失引用的情况下相应地对其进行变异-

var s = document.getElementById("hey");
s.style.visibility = "visible";
s.innerHTML = "Checks";

希望这可以帮助！

推荐阅读