哪位大神能幫忙解答一下
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
? <p id="intro">我的課程</p> ?
? <ul> ?
? ? <li title="JS">JavaScript</li> ?
? ? <li title="JQ">JQuery</li> ?
? ? <li title="">HTML/CSS</li> ?
? ? <li title="JAVA">JAVA</li> ?
? ? <li title="">PHP</li> ?
? </ul> ?
? <h1>以下為li列表title的值,當(dāng)title為空時(shí)，新設(shè)置值為"WEB前端技術(shù)":</h1>
<script type="text/javascript">
? var Lists=document.getElementsByTagName("li");
? for (var i=0; i<Lists.length;i++)
? {
? ? var text=Lists[i].getAttribute("title");
? ? document.write(text +"<br>");
? ? if(text=="")
? ? {
?Lists[i].setAttribute("title",Lists[i].innerHTML);
? ? document.write(Lists[i].getAttribute("title")+"<br>");
? ? }
? }
</script>
</body>
</html>中的Lists[i].innerHTML這句是什么意思尤其是innerHTML有什么作用
2017-08-20
1、var Lists=document.getElementsByTagName("li");， 先理解這句。 Lists : 是 一組li 對象。一組。因?yàn)樗怯蒰etElementByTagName,返回的。
2、Lists[i] ： 這個(gè)是選取 li ?列表對象的其中一個(gè)。 ??Lists[i].innerHTML。 innerHTML :是一個(gè)屬性。往里面賦值，就相當(dāng)于向 一個(gè)li ?里面寫入內(nèi)容. ?比如， <li title="JAVA">JAVA</li> ? ? ? ? 這個(gè)li 里面的innerHTML :就是JAVA， 注意， 因?yàn)閠itle 屬性也是JAVA。 ?所以就比較容易搞混。 ? <li> ? innerHTML </li> .
這樣比較容易理解了吧。
3、然后，在回去看看這條語句
?Lists[i].setAttribute("title",Lists[i].innerHTML);
2017-08-20
innerHTML是值文本信息。比如<li>asd</il>
li.innerHTML的值就是asd.
此題Lists[i].setAttribute("title",Lists[i].innerHTML);是把Lists[i]對應(yīng)的標(biāo)簽的title="Lists[i].innerHTML"，舉個(gè)具體的例子。假設(shè)i=2.? ? 對應(yīng)的<li title="">HTML/CSS</li> 變成<li title="HTML/CSS">HTML/CSS</li>.(Lists[2].innerHTML=HTML/CSS)?