为什么没有将空的title值设置成WEB前段技术

来源:9-6 setAttribute()方法

闰闰的妈妈

2018-05-10 21:48

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

写回答 关注

2回答

  • 慕工程0181218
    2018-08-28 10:22:02

    <!DOCTYPE html>

    <html>

    <head>

    <meta 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">PHP</li>

    </ul>

    <h1>以下为LI列表的title值,当title为空时,新设置的值为web前端技术</h1>

    <script type="text/javascript">

    var x=document.getElementsByTagName("li");

    for(var i=0;i<x.length;i++){

    var text=x[i].getAttribute("title");

    if(text==""){

    x[i].setAttribute("title", "web前端技术");

    }

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

    }

    </script>

    </body>

    </html>


  • RRRita
    2018-05-12 20:51:20

    25行的分号是中文的分号,应该改成英文分号输出

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题