所以我有一个输入表单需要在某个点不可见。所以我使用 CSS 和 Javascript 来隐藏输入，直到它应该是可见的。我来自 python 背景，我想做的是:
name = input("")
我试图做类似的事情，但它只是将可见性的变化分配给变量。我曾尝试使用 .value，但我无法正常工作。
我想知道您是否可以获取 getContext(或者是否有类似的东西)让我可以分配给用户。或者我可以简单地将它附加到一个变量，因为它可以正常工作。
var gameOver = true;
if (gameOver){
document.getElementById('name').style.visibility = 'visible'
console.log(name)
}<html>
<body>
<input id = "name" type="text" class="name"
style="visibility: hidden;"></input>
</body>
</html>最佳答案
您可以通过简单地声明一个变量来做到这一点，例如 var nameInput，然后将 DOM 节点分配给它:
var nameInput = document.getElementById('name');
注意你不应该使用name，因为它是一个implementation-dependent reserved keyword in JavaScript .
要访问它的样式对象，您可以简单地使用nameInput.style...，例如nameInput.style.visibility = 'visible' 如果您想更新 visibility 属性。
如果你想取回它的值，你可以这样做:
console.log(nameInput.value);
var gameOver = true;
if (gameOver) {
var nameInput = document.getElementById('name');
nameInput.style.visibility = 'visible';
console.log('DOM node: ' + nameInput);
console.log('Value: ' + nameInput.value);
}<input id="name" type="text" class="name" style="visibility: hidden;" />如果您想在用户输入时动态检索它的值，您需要阅读使用 .addEventListener() 的事件绑定(bind)。在用户与页面交互时动态更新变量的意义上，JS 非 react 性。制度是这样的:
- 用户触发某种事件。在这种情况下，您想监听
onInput、onChange、onBlur... 事件 - 在您的 JS 逻辑中，您必须监听该元素发出的此事件。这是通过将事件监听器绑定(bind)到您的 DOM 节点来完成的。
var gameOver = true;
if (gameOver) {
var nameInput = document.getElementById('name');
nameInput.style.visibility = 'visible';
console.log('DOM node: ' + nameInput);
console.log('Value: ' + nameInput.value);
}
nameInput.addEventListener('input', function() {
console.log('Updated value: ' + this.value);
});<input id="name" type="text" class="name" style="visibility: hidden;" />关于javascript - 你能得到文本值的上下文吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46604302/