Javascript将不会执行

例如，为什么在我的Web服务器上尝试它时，它就不能工作？使用wamp。应该是这样的：

试验
#正文{
宽度：540px；
高度：50px；
溢出：隐藏；
}
#提交{
显示：无；
}
var textInput=document.getElementById（'text'）
，submitButton=document.getElementById（'submit'）；
函数checkTextValue（）{
如果（textInput.value！=''）{
submitButton.style.display='block'；
}否则{
submitButton.style.display='none'；
}
}

您应该等待DOM准备就绪，因此将代码更改为：

<script>
document.addEventListener('DOMContentLoaded', function() {
    var textInput = document.getElementById('text')
        , submitButton = document.getElementById('submit');
    function checkTextValue() {
        if (textInput.value !== '') {
            submitButton.style.display = 'block';
        } else {
            submitButton.style.display = 'none';
        }
    }
});
</script>

document.addEventListener（'DOMContentLoaded'，function（）{
var textInput=document.getElementById（'text'）
，submitButton=document.getElementById（'submit'）；
函数checkTextValue（）{
如果（textInput.value！=''）{
submitButton.style.display='block'；
}否则{
submitButton.style.display='none'；
}
}
});

您应该等待DOM准备就绪，因此将代码更改为：

<script>
document.addEventListener('DOMContentLoaded', function() {
    var textInput = document.getElementById('text')
        , submitButton = document.getElementById('submit');
    function checkTextValue() {
        if (textInput.value !== '') {
            submitButton.style.display = 'block';
        } else {
            submitButton.style.display = 'none';
        }
    }
});
</script>

document.addEventListener（'DOMContentLoaded'，function（）{
var textInput=document.getElementById（'text'）
，submitButton=document.getElementById（'submit'）；
函数checkTextValue（）{
如果（textInput.value！=''）{
submitButton.style.display='block'；
}否则{
submitButton.style.display='none'；
}
}
});

或者，只需将JS移动到页面底部，或者只需将JS移动到页面底部。您需要等待加载DOM，或者在body标记之前包含脚本文件。您需要等待加载DOM，或者在body标记之前包含脚本文件。