测试一下下

来源:9-7 节点属性

zai努力学习中

2015-04-10 14: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 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>


写回答 关注

1回答

  • fzz520
    2016-02-17 21:37:55

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


JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题