Question

我正在编写一个应该执行以下操作的小脚本：

1）单击按钮会触发要加载的表单。

2）表单的条目填充了特定值。

我的代码看起来像这样：

'PropertyAnalysisTemplateProperty' was already registered by 'FrameworkElement'.

此脚本加载表单，但表单条目不会更新。我想问题是表单条目还没有加载到DOM中，但是document.getElementById('formButton').click(); window.onload = function(){ document.getElementById('formEntry').value = "foo"; };似乎没有完成这项任务......任何有关我正在做的事情的提示错了吗？

Answer 1

您应该将按钮单击绑定到事件侦听器：

window.onload = function(){
  document.getElementById('formButton').addEventListener('click',function(){
    document.getElementById('formEntry').value = "foo";
  });
};

通过调用.click()函数，您只需触发任何给定的单击事件侦听器，但您尚未声明一个，这也可能不是您的意图。

Answer 2

这样做 -

1）您必须将所有文档变量放在window.onload

中

window.onload = function() {
  var formEntry = document.getElementById('formEntry');
  var formButton = document.getElementById('formButton');
};

2）单击formButton时必须更改formEntry，因此将.value更改放在另一个函数中，如此

window.onload = function() {
  var formEntry = document.getElementById('formEntry');
  var formButton = document.getElementById('formButton');

  formButton.addEventListener('click', function() {
    formEntry.value = "foo";
  });
};

或者

window.onload = function() {
  document.getElementById('formButton').addEventListener('click', function() {
    document.getElementById('formEntry').value = "foo";
  });
};

按钮单击[JS]后为什么没有表单条目更新？

2 个答案: