使用setAttribute赋予了元素新的属性值之后,为什么输出新属性值还要用getAttribute,如代码所示

来源:9-6 setAttribute()方法

慕UI1237056

2016-04-20 11:47

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

    {

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

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

//为什么不能直接输出  document.write(t+"<br>") 呢?

    }

  }

</script>

</body>

</html>


写回答 关注

3回答

  • kuban
    2016-04-20 15:20:50
    已采纳
    1. setAttribute()方法没有返回值。

    2. 抛开返回值不说,你把t的右边带入到下面去,document.write(t+"<br>")--->document.write(Lists[i].setAttribute("title","WEB前端技术")+"<br>")跟document.write(Lists[i].getAttribute("title")+"<br>")显然也是2回事

    慕UI123...

    非常感谢!

    2016-05-09 10:02:54

    共 1 条回复 >

  • 明哥思密达
    2016-05-21 17:09:03

    你是要显示li里面title的值的,肯定要get一个title属性啦,才能得到它的值,不然怎么得到,,,,set是设置一下title的值,,,

  • 一只特立独行的doge
    2016-05-01 08:29:46

    get是得到,set是赋予,如果要得到返回值,肯定只能通过得到函数啊。。个人理解。。。

    小朱1

    函数怎么得到返回值 亲 if(text=="") { function aa(){ var t= Lists[i].setAttribute("title","WEB前端技术") return t } document.write(aa()+"<br>"); }

    2016-11-30 20:47:35

    共 1 条回复 >

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题