document.getElementByTagName is not a function
javascript
Solution
That's because the correct function name is `getElementsByTagName` and not `getElementByTagName`.
var items = document.getElementsByTagName("li");
This will return a Nodelist of elements with that particular tag name (in this case, all list items in the document).
Then, you could target your li's specifically as you wish, for example:
items[0].style.color = "yellow"; // first li is yellow when mouseover
items[1].style.color = "red"; // second li is red when mouseover
etc.
Problem
The code supposed to be use javascript between the `<script>` tags that consists of a mouseover event, and the list items in the HTML page must be styled as follows: normal - black, 12, bold and over yellow, 15, bold, italic. ``` <html> <head> <title> Using mouseover eve </title> <script language = "javascript"> <!-- function changeStyle() { var item = document.getElementByTagName("li"); item.style.color = "yellow"; item.style.fontSize = "15pt"; item.style.fontWeight = "bold"; item.style.fontStyle = "italic"; } --> </script> </head> <body> <ul style = "color: black; font-size: 12pt; font-weight: bold" > <li onMouseOver = "changeStyle()"> item 1 </li> <li onMouseOver = "changeStyle()"> item 2 </li> </ul> </body> </html> ```