javascript - onClick 元素不起作用

Question

单击按钮后，我想将某些字段的输入保存在变量中（我正在使用 Bootstrap 顺便说一句）。这是我的功能：

<script>
  function test () {
    var test1 = document.getElementById("nameown").value;
    javascript.alert( 'test1' )
  }
</script>

这是我的按钮：

<div id="button">
        <onclick="test()" class="btn btn-success btn-large">
            Example...
          </a>
        </button>
      </div>

当我点击按钮时，没有任何反应......

作为注释：我是 HTML 和 JavaScript 初学者。

Answer 1

您的 HTML 不正确。它应该如下所示：

<div id="button" onclick="test()" class="btn btn-success btn-large">
  Example...
</div>

或者

<button onclick="test()" class="btn btn-success btn-large">
  Example...
</button>

我真的被那乱七八糟的 HTML 缠住了，没有注意脚本。这很糟糕。让我给你一些建议。从 HTML 开始并学习基础知识。wcshcools是一个开始。然后继续使用您在上面尝试的javascript。你可能想要这样的东西：

<script>
  function test() {  //Create the function test 
    var test1 = document.getElementById("nameown").value;  //Get the element with id="name own" and assign it to a variable named "test1"
    console.log(test1); //log the value of the variable "test1"
  }
</script>

我选择了 console.log，因为它是测试代码的更好方法。例如，如果您循环该函数，则在某些浏览器中会出现问题。要查看控制台，请查看firebug的 firebug 或使用 Chrome 或 Safari 中的开发控制台。学习开发控制台。它会派上用场的。

Answer 2

让我们来看看..

1. 没有 id 为 的元素nameown。
2. 如果有的话，它会是window.alert()，但alert()很好。
3. 您正在alert输入文字字符串"test1"而不是变量。
4. onclick不是一个元素。
5. 您没有开始a标签。
6. 您没有开始button标签。

我想这就是你想要的：

<script>
  function test() {
    var test1 = document.getElementById("button").value;
    alert(test1);
  }
</script>

<div id="button" onclick="test()" class="btn btn-success btn-large">
    Example...
</div>

有更优雅的方法可以做到这一点，以及捷径，但如果你坚持下去，你就会到达那里。

Answer 3

你不应该有一个<before onclick。那是错字吗？那里还有很多其他额外的东西吗？

<div id="button" onclick="test()" class="btn btn-success btn-large">
Example...
</div>

Answer 4

1）您的 html 不正确：

代替

<onclick="test()" class="btn btn-success btn-large">

利用

<button onclick="test()" class="btn btn-success btn-large">

2) 使用 alert() 而不是 javascript.alert()。

3）添加一个id为“nameown”的元素。

另外使用浏览器开发工具了解更多关于控制台中的javascript错误或使用Firebug For firefox http://getfirebug.com/

Answer 5

您还应该将您的 javascript 更改为以下内容，以提醒 id 为 nameown 的元素的值：

    <script>
      function test() {
        var test1 = document.getElementById("nameown").value;
        alert( test1 );
      }
    </script>

也就是说，将 javascript.alert('test1') 更改为 alert(test1)

Answer 6

您缺少标签“a”

<div id="button">
  <a onclick="test();" class="btn btn-success btn-large">
    Example...
  </a>   
</div>

和JS：

function test () {
  var test1 = document.getElementById("nameown").value;
  alert( 'test1' );
}