如何识别和触发div id



我有一个问题与JavaScript网站之一,我需要自动点击,然后找出我有多少回合之前,我跑完他们。例如,假设我有8个回合。我需要的是让JavaScript自动触发div id 8次。(我是这样加的)链接:https://jsfiddle.net/yxsgp8tc/

<body>
<button id="test">Test</button>
<p>
On box should be number of tests
</p>
<form>
<label><input type="text"/>00-99</label>
<button>
trigger it
</button>
</form>
</body>

在纯javascript中,您将通过使用document.getElementById('<element_id')来瞄准唯一元素(使用id)。如果您想要定位一个类,那么您将document.querySelector('.<class_name>')作为该类的第一个实例,或者document.querySeletorAll('.<class_name>')

还有,你的输入标签拼错了" input ",并且是一个单例标签,所以你不必关闭它。

假设您想要一种触发单击事件的方法,下面是一个基本示例:

<head>
<script>
const test = document.getElementById('test');
const trigger = document.getElementById('trigger')''
test.addEventListener('click', () => {
const num_test = document.getElementById('num_tests').value;

for (let i = 0; i < num_test; i++) {
trigger.click();
}
});

trigger.addEventListener('click', () => {
console.log('trigger clicked');
});
</script>
</head>
<body>
<button id="test">Test</button>
<p>
On box should be number of tests
</p>
<form>
<input type="text" id="num_tests" value="">
<button id="trigger">
trigger it
</button>
</form>
</body>

https://jsfiddle.net/qr1z3d6e/2/

首先在jsfiddle.net链接中有一些错误,例如imput而不是input。我还没有测试过,但如果我没理解错的话是这样的吗?试试。

<body>
<input id="myinput" type="text">00-99</input>
<button id="clickme">
</body>
<script>
var button = document.getElementById("clickme"),
count = 99;
var myInput = document.getElementById("myinput")
button.onclick = function(count){
count -= 1;
myInput.innerHTML = "00 " + count;
};
</script>

最新更新