<!DOCTYPE html>
<html>
<head>
<title>querySelector</title>
</head>
<body>
<ol>
<li>Texto 1</li>
<li>Texto 2</li>
<li>Texto 3</li>
<li>Texto 4</li>
</ol>
<ul>
<li>Otros 1</li>
<li>Otros 2</li>
</ul>
<input type="button" value="T e s t" id="btn">
<script>
onload=function()
{
var obj=document.querySelector("#btn");
obj.onclick=test;
}
function test()
{
var obj=document.querySelectorAll("ol li");
for(var x=0;x<obj.length;x++)
obj[x].style.backgroundColor='#0df';
}
</script>
</body>
</html>
No hay comentarios