javascript如何通过id获取按钮,然后改变按钮的value值

javascript如何通过id获取按钮,然后改变按钮的value值,第1张

<script type="text/javascript">

function buttonchange(obj)

{

var sum=parseInt(objid)+2;

alert(sum);

documentgetElementById(""+sum)value=objvalue;

}

</script>

<body>

<input name="3" type="button" id="5" value="改变" onclick="buttonchange(this)" />

<input name="3" type="button" id="7" value="" onclick="" />

</body>

我没有删除那个alert,你可以在你的程序里面试试看,因为objid+2的结果被解释为52,所以你会失败。

html语言

<div style="width: 500px;height: 200px;background-color: cyan;" id="showZone"></div>

javascript方法:

documentonkeydown=function(event){

        var event=event||windowevent;

        documentgetElementById("showZone")innerHTML=eventkeyCode;

};

这样就能获得点击某个按键之后指令了,比如按下了“1”,显示了“49”,这就对了。

documentonkeyup = function (e)

{

var key = ekeyCode;

var relkeycode=parseInt(key, 10);

alert(relkeycode);

}

第一步,在HBuilder工具中已创建好的Web项目,指定目录下新建静态页面buttonClickhtml,如下图所示

如何使用Vuejs中的按钮点击事件并获取按钮属性

第二步,在title标签下引入vuejs核心JavaScript文件,注意压缩版本和开发版本,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第三步,在<body></body>标签内,插入一个div和四个button,使用v-on绑定事件,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第四步,在<div></div>标签下方,插入<script></script>标签,并在标签内编写事件函数,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第五步,保存代码并在浏览器中查看结果,点击按钮,查看d出的结果,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第六步,d出的结果为undefined,修改代码并在事件中传参数,然后再次查看结果,可以看到按钮的相关属性和方法(浏览器控制台),如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

以上就是关于javascript如何通过id获取按钮,然后改变按钮的value值全部的内容,包括:javascript如何通过id获取按钮,然后改变按钮的value值、javascript中怎么判断键盘按下的是哪个键具体代码、js中制作网页版计算器,如何获得按键值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9570232.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存