收藏数的实时加减(HTML+JS)
Posted Rose✿留白ق೨
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了收藏数的实时加减(HTML+JS)相关的知识，希望对你有一定的参考价值。
演示代码（可直接复制，然后用浏览器打开）：
<body>
<input type="text" value="0" disabled="disabled" style="border:none;outline:medium;background:unset;"><br><br>
<input type="submit" value="加一">
<input type="submit" value="清除">
<script type="text/javascript">
var text = document.getElementsByTagName('input')[0];
var add = document.getElementsByTagName('input')[1];
var clear = document.getElementsByTagName('input')[2];
add.onclick = function numberadd(){
text.value++;
}
clear.onclick = function clearnumber(){
text.value = 0;
}
</script>
</body>
关键代码:
<input type="text" value="0" disabled="disabled" style="border:none;outline:medium;background:unset;">
这个输入框用于显示收藏数，其中的属性解释如下：
disabled="disabled"：禁止修改
border:none：去除边框
outline:medium：去除点击时的边框
background:unset：去除默认背景色
以上是关于收藏数的实时加减(HTML+JS)的主要内容，如果未能解决你的问题，请参考以下文章