访问HTML网页 案例1:通过id联取元主要代码 ot <div id=page> background-color: #d7666b color: #fff <h2>Buy text-shadow: 2px 2px 1 px #914141 border-top: 1 px solid #e99295 <ul> <li id="one class="hot" >em>fresh</em> border-bottom: 1px solid #914141:1 figs</1i> <li idtwo class=hot">pine nuts</li> cool t /u1 background-color: #6ccOac <div> color: #fff < script》 text-shadow: 2px 2px 1px #3b6a5 var el =document. getBlementById( one) border-top: 1 px solid #7ee0c9 border-bottom: 1 px solid #3b6a5e, 1 </html>
访问HTML网页 案例1:通过id获取元素,主要代码 <body> <div id="page"> <h1 id="header">List King</h1> <h2>Buy groceries</h2> <ul> < l i i d = " o n e " c l a s s = " h o t " > < e m > f r e s h < / e m > figs</li> <li id="two" class="hot">pine nuts</li> </ul> </div> <script> var el = document.getElementById('one'); el.className = 'cool'; </script> </body> </html> .hot { background-color: #d7666b; color: #fff; text-shadow: 2px 2px 1px #914141; border-top: 1px solid #e99295; border-bottom: 1px solid #914141;} .cool { background-color: #6cc0ac; color: #fff; text-shadow: 2px 2px 1px #3b6a5e; border-top: 1px solid #7ee0c9; border-bottom: 1px solid #3b6a5e;}
访问HTML网页 以上是返回单一元素的方法,使用下面方式可以返回多个元素, 即返回一个 Nodelist Nodelist是一组元素的集合。每个节点都有索引编号(从0开始 编号),元素节点出现的顺序和它们在HM页面中出现的顺序 相同。当D0M查询返回一个 Nodelist时,可以; 从 Nodelist选择元素,遍历№ delist中的每个元素,然后针对 每个元素节点执行相同的语句。 length属性表示 Nodelist中一共有多少项,item()方法返回 Nodelist中特定的节点,需要在小括号中制定所需要的索引编 号。还可以像数组那样,获取 Nodelist中的一项
访问HTML网页 以上是返回单一元素的方法,使用下面方式可以返回多个元素, 即返回一个NodeList。 NodeList是一组元素的集合。每个节点都有索引编号（从0开始 编号），元素节点出现的顺序和它们在HTML页面中出现的顺序 相同。当DOM查询返回一个NodeList时，可以; 从NodeList选择元素，遍历NodeList中的每个元素，然后针对 每个元素节点执行相同的语句。 length属性表示NodeList中一共有多少项，item（）方法返回 NodeList中特定的节点，需要在小括号中制定所需要的索引编 号。还可以像数组那样，获取NodeList中的一项