Javascript 基于跨距值在页面加载时启用输入文本

我有一个由

元素和

元素组成的网页。 我的要求是基于

innerHTML动态启用/禁用

元素

我编写了以下javascript：

var vale=document.getElementById("SPAN_ID").innerHTML;

---

但值是未定义的，因为我猜页面加载span元素尚未构建。我必须在页面加载时间执行此操作。如果页面加载确实是您的问题，有人能为此提供合适的javascript代码吗

如果您使用的是jquery，请将代码粘贴到其中

$(document).ready(function() {

});

如果您使用的是纯js，那么

window.onload = yourfunctioncomeshere

---

如果您正在使用jquery，请尝试以下操作：

    $(document).ready(function() {
         var spanText = $('#SPAN_ID').text();

         //based on var spanText value you can disable/enable input

         //To disable input
         $('#INPUT_ID').attr({
                'disabled': 'disabled'
         });

         // To enable input
         if ($('#INPUT_ID').attr('disabled')) {
            $('#INPUT_ID').removeAttr('disabled');
         }
    });

在运行代码之前，您可以使用事件等待HTML完全加载和解析：

document.addEventListener（'DOMContentLoaded'，函数（）{
var value=document.getElementById（“span”）.innerHTML；
如果（值）{
document.getElementById（'the-input'）。disabled=false；
}
}，假）；
嗨，我是斯潘

你能至少显示一部分你的结构吗只要把你的代码放在$（document）上就行了。准备好了（function（）{…你的代码在这里..}）你能添加代码块吗，这样我可以更好地帮你。你是在测试

vale

还是

value

？因为您将它存储在

vale

中，所以如果您测试

值

，它当然是

未定义的

。