HTML如何实现循环

html-css023

HTML如何实现循环,第1张

html是成树形结构的标签语言,没有循环功能,

如要实现请参考使用javascript脚本语言。

答题不易,互相理解,您的采纳是我前进的动力,

您也可以向我们团队发出请求,会有更专业的人来为您解答。

如果我的回答没能帮助您,请继续追问。

html代码里面没有for/in循环吧,for/in循环是js里面的

for...in 语句用于对数组或者对象的属性进行循环操作。

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作

使用 for ... in 循环遍历数组

<html>

<body>

<script type="text/javascript">

var x

var mycars = new Array()

mycars[0] = "Saab"

mycars[1] = "Volvo"

mycars[2] = "BMW"

for (x in mycars)

{

document.write(mycars[x] + "<br />")

}

</script>

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

 <!-- 给两个Select标签一个id方便Javascript定位 -->

<label for="yselect">年份:</label>

<select id="yselect">

    <option value=""></option>

</select>

<label for="mselect">月份:</label>

<select id="mselect">

    <option value=""></option>

</select>

<script>

 let YearSelect = document.querySelector('#yselect')

 //定位年份

 for (let i = 2018 i > 1918 i--) {//从2018一直输出到1919

 let tmpElement = document.createElement('option')

 //创建一个选项元素

 tmpElement.value = i

 //赋值(Post等表单操作输送的赋值)

 tmpElement.id = "yoption" + i

 //给id方便以后操作

 tmpElement.innerText = i

 //填上内容方便用户选择

 YearSelect.appendChild(tmpElement)

 //将元素扔到年份选择标签的最下面的元素,保证是第一个是2018最后一个是1919

 }

 let MonthSelect=  document.querySelector('#mselect')

 for (let i = 12 i > 0 i--) {

 let tmpElement = document.createElement('option')

 tmpElement.value = i

 tmpElement.id = "moption" + i

 tmpElement.innerText = i

 MonthSelect.appendChild(tmpElement)

 }

 //同理

</script>

</body>

</html>