<!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è)置值為"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","WEB前端技術(shù)")
????document.write(Lists[i].getAttribute("title")+"<br>");
????}
??}
</script>
</body>
</html>
【運行結(jié)果】
JS
JQ
WEB前端技術(shù)
JAVA
WEB前端技術(shù)
【想實現(xiàn)以下效果】
JS
JQ
WEB前端技術(shù)
JAVA
WEB前端技術(shù)
2017-01-11
會換行是因為你先打印了所有的Li節(jié)點，即使是空的你也打印了。所以應(yīng)該寫判斷是否為空，如果為空先賦值再打印，把你代碼的順序改下就好了。
??for?(var?i=0;?i<Lists.length;i++) ? ??{ ????var?text=Lists[i].getAttribute("title"); ?? if(text==""){ ????Lists[i].setAttribute("title","WEB前端技術(shù)")； ????document.write(Lists[i].getAttribute("title")+"<br>"); ????}else{ ????document.write(text?+"<br>"); ???? ????} ? ??}2017-03-09
Lists[i].setAttribute("title","WEB前端技術(shù)")； ?更改后的這半句話后面的分號不對，需要更改一下，不然運行不出來的