Question

嗨我有一个html列表项，默认情况下隐藏在包含日期选择器的页面上：

    <li id="hiddenListItem" style="display:none;">
    <label for="returning">Returning:</label>
    <input type="text" id="returning" required/>
    <span class="form_hint">Proper format "12/04/2014"</span>
</li>

如果用户选择他们想要回程，则列表项可见：

 <script>
function needReturn() {
    var item = document.getElementById("hiddenListItem");
    item.style.display = 'list-item';
}</script>


 <script>
function dontNeedReturn() {
    var item = document.getElementById("hiddenListItem");
    item.style.display = 'none';
}</script>

如果用户单击“继续”按钮，则外部.js文件将验证表单，但如果他们不需要返回票证，则浏览器会显示消息，请填写此信息。

我希望确定listitem样式的状态，如果它可见，则显示警告，否则继续：

        else if (returning === "")
    {
         var item = document.getElementById("hiddenListItem");
         if(item.style.display === "list-item")
         {
            alert("Please enter a return date.");
         }
    }

我无法得到上述声明，请帮助。

HTML和JS不是我的事。

Answer 1

这应该有效：

if (item.style.display !== 'none') {
    alert("Please enter a return date.");
}

获取html listitem样式值以进行比较

1 个答案: