怎么感觉不一样!

来源:9-6 setAttribute()方法

qq_冷清一笑倾所爱_03613263

2016-12-20 13:22

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

写回答 关注

3回答

  • qq_秃头披风侠_0
    2016-12-20 17:28:23

    if(text == "")  text变量没设置,text改为Lists[i].getAttribute("title")

  • 慕函数8403229
    2016-12-20 17:01:06

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

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

                text = Lists[i].getAttribute('title');

            }

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

        }

        </script>

    </body>


    </html>


  • 慕粉2018078477
    2016-12-20 16:40:10

    <!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");

      var text;

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

      {

        // text=Lists[i].getAttribute('title')

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

        text=Lists[i].title;

        if(text=="")

        {

         Lists[i].title="WEB前端技术";

        }

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

      }

        


    </script>

    </body>

    </html>


JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题