                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

哪位大神能帮忙解答一下

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<ul>

<li title="JS">JavaScript</li>

<li title="JQ">JQuery</li>

</ul>

<h1>以下为li列表title的值,当title为空时，新设置值为"WEB前端技术":</h1>

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",Lists[i].innerHTML);

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

}

</script>

</body>

</html>中的Lists[i].innerHTML这句是什么意思尤其是innerHTML有什么作用

我爱你不如爱自己

2017-08-20

源自：JavaScript进阶篇 9-6

关注问题我要回答

1216

操作

收起

2 回答

Alex1996 回答被采纳 +2 积分
2017-08-20

1、var Lists=document.getElementsByTagName("li");，先理解这句。 Lists : 是一组li 对象。一组。因为它是由getElementByTagName,返回的。

2、Lists[i] ：这个是选取 li 列表对象的其中一个。 Lists[i].innerHTML。 innerHTML :是一个属性。往里面赋值，就相当于向一个li 里面写入内容. 比如， <li title="JAVA">JAVA</li> 这个li 里面的innerHTML :就是JAVA，注意，因为title 属性也是JAVA。所以就比较容易搞混。 <li> innerHTML </li> .

这样比较容易理解了吧。

3、然后，在回去看看这条语句

Lists[i].setAttribute("title",Lists[i].innerHTML);

1 回复有任何疑惑可以回复我~

收起回答

我爱你不如爱自己提问者

非常感谢！

2017-08-20 回复有任何疑惑可以回复我~

xyFryan
2017-08-20

innerHTML是值文本信息。比如<li>asd</il>

li.innerHTML的值就是asd.

此题Lists[i].setAttribute("title",Lists[i].innerHTML);是把Lists[i]对应的标签的title="Lists[i].innerHTML"，举个具体的例子。假设i=2. 对应的<li title="">HTML/CSS</li> 变成<li title="HTML/CSS">HTML/CSS</li>.(Lists[2].innerHTML=HTML/CSS)

1 回复有任何疑惑可以回复我~

收起回答