CSS选择器与JS高效填表中用到的html结构
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS选择器学习</title>
</head>
<body>
<div id="div_r">
<a href="https://www.baidu.com">div中的a标签</a>
<div id="div_rr">
<a href="https://www.baidu.com">div中div中的a标签</a>
<input type="text" id="div_rr_input">
</div>
<ul name="u">
<li name="l1" lang="en">1</li>
<li name="l2">2</li>
<li name="l3">3</li>
<li name="l4">4</li>
<li name="l5">5</li>
<li name="l6">6</li>
</ul>
<p class="p1 pp">p1</p>
<p class="p2">p2</p>
<p class="p3">p3</p>
<div>
<p class="p4">
<i>i元素1</i>
p4
<i>i元素1</i>
<i>i元素1</i>
<i>i元素1</i>
ppp
<i>i元素1</i>
</p>
<p class="p5">
<i>i元素2</i>
p5
</p>
</div>
<img src="/i/eg_tulip.jpg" abc="ddd" name="zhangsan"/>
<img src="/i/eg_tulip.jpg" title="tulip flower" />
<img src="/i/eg_tulip.jpg" title="ffffflowerrrrrr" />
<p lang="en">
爱斯达克理发卡士大夫卡萨丁开发商打开了sdafasdkfsakldflkasdfklsd
</p>
<p lang="en-us"></p>
<p lang="ennn"></p>
<img src="/i/eg_tulip.pdf" />
</div>
<div id="coo">
<input type="text" texthover="aa bb cc dd">
</div>
</body>
</html>
页:
[1]