关于DOM子节点的修改

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

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

    

    }

  }

</script>

</body>

</html>

代码如上,当title=null是有俩,用setAttribute()修改的只是Lists[2],我想把Lists[4]也修改了该如何操作?

朝花bu夕拾
浏览 1177回答 1
1回答

Cancer_bin

把那个2改成你获取的第几个值就可以了:Lists[i].setAttribute("title",""+i+"");
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript