for循环

来源:9-6 setAttribute()方法

陈国侯

2016-11-06 12:59

<!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

写回答 关注

1回答

  • 老友丶
    2016-11-06 14:39:56
    已采纳

    大概读懂了你的意思,js代码改成如下就好了

    <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=="")

        {

        Lists[i].setAttribute("title","WEB前端技术");

        document.write(Lists[i].getAttribute("title")+"<br>");

        }

          else{

          document.write(text +"<br>");

          }

      }

    </script>


    陈国侯

    非常感谢你!一看就懂我的疑问了

    2016-11-06 14:45:52

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

FOR循环

回答 2

for 循环

回答 3

for循环

回答 3

for循环

回答 2