How to use keydown event with getElementsByTagName

Asked Dec 06 '21 at 07:24

Active Dec 06 '21 at 07:29

Viewed 24 times

how to use keydown event if i change getElementById to getElementByTagName

snipping code from w3school

<script>
function keydownFunction() {
  document.getElementById("demo").style.backgroundColor = "red";
}

function keyupFunction() {
  document.getElementById("demo").style.backgroundColor = "green";
}
</script>

I changed to

<p>
<input type="text" id="demo" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
</p>

<script>
function keydownFunction() {
  document.getElementsByTagName("p").style.backgroundColor = "red";
}

function keyupFunction() {
  document.getElementsByTagName("p").style.backgroundColor = "green";
}
</script>

and it doesnt work

edited Dec 06 '21 at 07:29

asked Dec 06 '21 at 07:24

adtybrhn

There's no `getElementByTagName` but there is `getElementsByTagName` – Ramesh Reddy Dec 06 '21 at 07:26
sorry it was a typo and it's still the same – adtybrhn Dec 06 '21 at 07:31
1

```document.getElementsByTagName("p")[0].style.backgroundColor = "red";``` Try this – Tariq Ahmed Dec 06 '21 at 07:33
1

var all_tag = document.getElementsByTagName("div"); for(let e of all_tag){ e.style.backgroundColor = "red"; } – Bharoo Jangid Dec 06 '21 at 07:38

How to use keydown event with getElementsByTagName

0 Answers0