<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無標題文檔</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的值,當title為空時，新設置值為"WEB前端技術":</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前端技術")
????document.write(Lists[i].getAttribute("title")+"<br>");
????}
??}
</script>
</body>
</html>
【運行結果】
JS
JQ
WEB前端技術
JAVA
WEB前端技術
【想實現以下效果】
JS
JQ
WEB前端技術
JAVA
WEB前端技術
2017-01-11
會換行是因為你先打印了所有的Li節點，即使是空的你也打印了。所以應該寫判斷是否為空，如果為空先賦值再打印，把你代碼的順序改下就好了。
??for?(var?i=0;?i<Lists.length;i++) ? ??{ ????var?text=Lists[i].getAttribute("title"); ?? if(text==""){ ????Lists[i].setAttribute("title","WEB前端技術")； ????document.write(Lists[i].getAttribute("title")+"<br>"); ????}else{ ????document.write(text?+"<br>"); ???? ????} ? ??}2017-03-09
Lists[i].setAttribute("title","WEB前端技術")； ?更改后的這半句話后面的分號不對，需要更改一下，不然運行不出來的