选择器的应用

原创 2019-01-17 19:42:28 193
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li id="li1"
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li id="li1">01</li>
<li>02</li>
<li name="li3">03</li>
<li>04</li>
<li>05</li>
<li>06</li>
</ul>
<script type="text/javascript">
var li1=document.getElementById('li1');
li1.style.background="red";
var li2=document.getElementsByClassName('li2')[0];
li2.style.background="blue";
var li3=document.getElementsByTagName('li')[3];
li3.style.background="pink";
var li4=document.getElementsByName('li3')[0];
li4.style.background="yellow";

</script>
</body>
</html>

这是常用的获取方式,还有一个是通过css选择器获取

document.querySelector('css选择器');

批改老师:灭绝师太批改时间:2019-01-18 09:14:29
老师总结:总结的不错,基础知识没问题的情况下就可以试着带一些案例练习了!

发布手记

热门词条