Question

在使用某些javascript进行结算和投放地址表单时，我使用了;

document.getElementById(itm.name + "Hint").style.visibility = 'hidden';

如果字段为空，则成功切换包含字段提示的元素的可见性。问题是，当提示消失时，它所占据的空间并没有！经过一番搔痒之后，我查看了一些我写过的早期代码，当用户勾选“＃34;交付到账单地址＆＃34;”时，它隐藏了所有字段的送货地址，我意识到我已经使用过了;

document.getElementById(itm.name + "Hint").style.display = 'none';

这是我的大纲显示/隐藏功能，它从输入字段onkeyup事件触发。我使用正则表达式来忽略在字段中输入的空格

var notEmpty = /^\s*$/;  // Match all whitespace

function isFieldEmpty(itm) {
    if(notEmpty.test(itm.value)) {
        document.getElementById(itm.name + "Hint").style.display = 'inline'; // Hint visible
    } else {
        document.getElementById(itm.name + "Hint").style.display = 'none';  // Hint hidden
    }
}

这是该领域的html＆amp;包含字段提示。您可以通过在提示后键入一些文本来自己尝试，并且只要在第一个名称字段中输入任何字符，就可以看到它向上移动到提示所占用的空间。

<input name="firstName" type="text" tabindex="1" value="" onkeyup="isFieldEmpty(this)" />
<span id="firstNameHint" class="hint"><br />Please type a first name</span>

9月24日更新：注意到这些问题后，请注意这些问题，请接受我的道歉。在我输入时，早期的问题在可能的问题列表中没有标记，我在想要切换临时文本显示的上下文中创建它，这在前面的问题中没有涉及。 / p>

Answer 1

有时候添加和删除元素可能会干扰布局，也许这是您可以使用可见性选项时的情况。如果您不希望在隐藏元素后更改布局，则应使用visibility: hidden;，否则请使用display: none;。

Answer 2

我不确定，但你不能将标签的值显示为：无，但你可以使用隐藏的可见性进行更改，它可以用于存储您想要使用但不想显示的值或结果

为什么使用style.visibility ='hidden'代替style.display ='none'

2 个答案: