js小项目

标签：img 项目 js li ul let document btns

1.点击图片换壁纸 《ul class="a"> 《li>《img src="E://图片//0.png">《/li> 《li>《img src="E://图片//1.png">《/li> 《li>《img src="E://图片//2.png">《/li> 《li>《img src="E://图片//3.png">《/li> 《li>《img src="E://图片//4.png">《/li> 《/ul> 《script> let imgs = document.querySelector('.a').querySelectorAll('img'); for(let i=0;i<imgs.length;i++){ imgs[i].onclick="function(){" document.body.style.backgroundimage="url(" +this.src+')';="" }="" 《="" script=""> 2.点击按钮变色（排他思想） 1 2 3 4 5 6 7 8 <script> let btns = document.getElementsByTagName('button'); for(let i=0; i < btns.length; i++){ btns[i].onclick=function(){ for(let i=0; i < btns.length; i++){ btns[i].style.backgroundColor = '' } this.style.backgroundColor = 'pink' } } </script> 3.发布/删除留言 submit

<script> let btn = document.querySelector('button') let text = document.querySelector('textarea') let ul = document.querySelector('ul') btn.onclick=function(){ if(text.value == ''){ alert('empty input!!') return false }else{ let li = document.createElement('li') li.innerHTML = text.value+"delete" ul.insertBefore(li,ul.children[0]) let aa = document.querySelectorAll('a') for(let i = 0; i

标签：img,项目,js,li,ul,let,document,btns
From： https://www.cnblogs.com/karl-lighting/p/js.html