javascript - 如何让按钮在点击时显示

标签 javascript button

使用 JavaScript(或 jQuery),创建一个名为“myName”的变量并将值设置为您的“myName” 创建一个 ,当您单击它时,它会显示一个带有“myName”变量的警报。 这是我目前正在工作的问题。我对此非常陌生,只是想弄清楚这一点。这是我当前拥有的代码,当我单击按钮时,它不显示任何内容。

<!Doctype html>
<html>
  <style type=text/css>
    div1 {
      background-color: yellow;
    }

    div2 {
      background-color: #000000;
      color: red;
    }

  </style>

  <body>

    <div1 id="myName"><b>Woolley</b></div1>

    <div2 class="Hobbies">Hockey</div2>

    <div2 class="Hobbies">Hiking</div2>

    <button type="button" onclick=var "myName"Woolley>Button</button>

  </body>

</html>


java script 

var "myName"
 "Woolley"

最佳答案

您可以检查下面的代码来更改值

<p id="changeName">Mark</p>
<button type="button" class="myevent">Button</button>

<script>
jQuery(function(){
    $('.myevent').on('click', function(){
       var name = "John Doe";
       $('#changeName').val(name);
    });
});
</script>

这是Jquery函数,请在使用之前添加jquery库。

关于javascript - 如何让按钮在点击时显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54248011/

相关文章:

python - 如何将回车键绑定(bind)到 tkinter 按钮

android - android中EditText内的可点击按钮(或任何 View )

html - 如何不验证具有必需属性的 HTML5 文本框

Javascript 客户端 ORM

MediaWiki 中的 Javascript

javascript - NodeJs 和 ExpressJs 中间件依赖于正在使用的另一个中间件

javascript - 优化图像以适应最大文件大小

javascript - 添加和删​​除隐藏字段数组中的值

html - 忽略按钮宽度属性?

html - 使用 Watir 单击表格元素