结果感觉和想象中不一样啊
<!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>这个是今天的编程练习,但是我写完代码之后运行发现有些问题,为什么显示的感觉有点问题

为什么这个web前端技术好像前面多了一块一样,而且放在vscode中运行也是一样的,找了半天也没有找到错误,请问有大佬能看出这个问题出在哪里吗?十分感谢?
去掉这行