<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/toolbarcss">
<script type="text/javascript">
function test(){
var date = new Date();
var hour = dategetHours();
var result;
(hour > 8 && hour < 15) result = "" :result = "none";
return result;
}
//此后为测试代码。
windowonload = function(){
documentgetElementById("test")styledisplay = test();
};
</script>
</head>
<body>
<button id="test" >测试</button>
</body>
</html>
要获取button按钮的ID的值,
首先要定位到这个BUTTON, 因为是要获得ID ,所以不能用ID去定位, 可以考虑用NAME去定位,前提NAME的值要是唯一的,
这样根据document
getElementsByName找出的元素只有一个,
取他的第一个元素就可以定位到该button, 通过
bid可以获取button的ID值
第一步,在HBuilder工具中已创建好的Web项目,指定目录下新建静态页面buttonClickhtml,如下图所示:
第二步,在title标签下引入vuejs核心JavaScript文件,注意压缩版本和开发版本,如下图所示:
如何使用Vuejs中的按钮点击事件并获取按钮属性
第三步,在<body></body>标签内,插入一个div和四个button,使用v-on绑定事件,如下图所示:
如何使用Vuejs中的按钮点击事件并获取按钮属性
第四步,在<div></div>标签下方,插入<script></script>标签,并在标签内编写事件函数,如下图所示:
如何使用Vuejs中的按钮点击事件并获取按钮属性
第五步,保存代码并在浏览器中查看结果,点击按钮,查看d出的结果,如下图所示:
如何使用Vuejs中的按钮点击事件并获取按钮属性
第六步,d出的结果为undefined,修改代码并在事件中传参数,然后再次查看结果,可以看到按钮的相关属性和方法(浏览器控制台),如下图所示:
如何使用Vuejs中的按钮点击事件并获取按钮属性
以上就是关于jsp页面js获取每天8点到15点显示按钮,超时隐藏,哪位大虾帮忙给个代码!在线等,,,,全部的内容,包括:jsp页面js获取每天8点到15点显示按钮,超时隐藏,哪位大虾帮忙给个代码!在线等,,,,、javascript中怎么样获得button按钮的id值、如何使用Vue.js中的按钮点击事件并获取按钮属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)