重新写了一个输出好看的，去掉了多余的空格

源自：9-6 setAttribute()方法

重新写了一个输出好看的，去掉了多余的空格

<!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");
    if(text!==""){
    document.write(text +"<br>");}
    else
    {
    Lists[i].setAttribute("title","TEST");
    document.write(Lists[i].getAttribute("title")+"<br>");
    }
  }
</script>
</body>
</html>

提问者：Mai1993 2015-03-04 16:01

个回答

zai努力学习中

2015-04-10 14:57:24

<!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 lst=document.getElementsByTagName("li");
for(var i=0;i<lst.length;i++){
var txt=lst[i].getAttribute("title");
if(txt==""){
lst[i].setAttribute("title","WEB前端技术");
}else{
document.write(lst[i].getAttribute("title")+"<br />");
}
//打印一下就知道了
//document.write(lst[i].getAttribute("title")+"<br />");
}
</script>
</body>
</html>

0