JS怎么实现电影票选座
导读：本文共1722字符，通常情况下阅读需要6分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 简单模拟电影票选座，详细代码如下：利用js实现给li标签添加和取消属性，来实现选座功能。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Com... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。简单模拟电影票选座，详细代码如下：
利用js实现给li标签添加和取消属性，来实现选座功能。
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style>div{width:400px;height:100px;margin:60pxauto;text-align:center;line-height:100px;border:1pxsolidblack;}ul{width:650px;height:600px;border:1pxsolidblack;margin:0auto;}li{margin:10px;width:80px;height:50px;float:left;list-style:none;background:#C0C0C0;border:1pxsolid#C0C0C0;}.click{font-size:10px;text-align:center;line-height:50px;font-family:'仿宋';font-weight:bold;color:#333;background:orange;border:1pxsolidred;}</style></head><body><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><p></p><div>屏幕中央</div></ul><script>//没有click类的时候，进行添加，同时对文本进行赋值；反之，清空click类，同时文本值为空letlis=document.getElementsByTagName('li');//获取li元素for(leti=0;i<lis.length;i++){lis[i].onclick=function(){//getAttribute()方法返回指定属性名的属性值letres=this.getAttribute('class');//getAttribute（）判断class属性是否存在if(!res){//当属性值不存在this.setAttribute('class','click');//设置属性，添加一个属性this.innerText='座位已选';//设置文本}else{this.setAttribute('class','');//取消属性this.innerText='';//取消文本}}}</script></body></html>结果，初始化页面：
可以在小方框内随意点击，进行选座，点击一次代表已选座，再点击一次代表取消选座：下图为随意点击后的画面
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">本文：
JS怎么实现电影票选座的详细内容，希望对您有所帮助，信息来源于网络。