DOM基本的用法_html-js-css

概述<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script>//  var data= {"北京":["草阳区","海淀区"],"山东":["廊坊","邯郸"],"上海":["浦东","浦西"]}// <!

<!DOCTYPE HTML><HTML lang="en"><head>    <Meta charset="UTF-8">    <Title>Title</Title>    <script>// <!--做一个表格，省去联动案例，字典套列表-->    var data= {"北京":["草阳区","海淀区"],"山东":["廊坊","邯郸"],"上海":["浦东","浦西"]}// <!--第一步：建一个表-->    </script></head><body><p>    省份：<select name="province" ID="ID_provice"></select></p><p>    城市：<select name="city" ID="ID_city"></select></p></body><script>     var data= {"北京":["草阳区","浦西"]}     // 获取我们省份的标签。     var proEle=document.getElementByID("ID_provice");     var citysEle = document.getElementByID("ID_city");    //确定我们所有的列表    for (row in data){        console.log(row);    //    不对添加标签        var opEle=document.createElement("option");        // 将我们的value值添加进去        opEle.innerText=row;    //    将这个标签添加到我们的整个标签中        proEle.appendChild(opEle);    }    //获取text,然后在字典匹配。        proEle.onchange=function () {            console.log(proEle.value); //如果不写value属性，默认就是text属性            var city_List=data[proEle.value];            for (let i=0; i<city_List.length;i++)            {                //清空option市级再添加                if(i==0){                    citysEle.INNERHTML = ‘‘;  //判断一下在清空，否则只有一条option存在，它会将子标签的text值全部清空。                    }                 //创建一个option标签                 var cityEle=document.createElement("option");                // 将数据全部写进去                cityEle.innerText=city_List[i];                console.log(city_List[i]);                citysEle.appendChild(cityEle);            }        }</script></HTML>

总结

以上是内存溢出为你收集整理的DOM基本的用法全部内容，希望文章能够帮你解决DOM基本的用法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1051881.html