为什么加了属性值会空一行啊

来源:9-6 setAttribute()方法

Peiven_陈

2019-10-04 11:21

<!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","WEB前端技术");

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

}

}

</script>

</body>

</html>


写回答 关注

2回答

  • 沐翊
    2019-10-31 16:21:10

    因为document.write(text +"<br>");比if先运行,把它挪到if之后就好了或者直接删掉 ,然后把document.write(Lists[i].getAttribute("title")+"<br>");从if里拿出来就好了

  • sdarks
    2019-10-06 10:12:19

    会空一行是因为你是先运行document.write(text +"<br>");输出空格,然后输出document.write(Lists[i].getAttribute("title")+"<br>");的

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题