點(diǎn)擊什么顏色就在DIV背景顯示什么顏色，然后我是div 就變成選中的顏色文字 比如:選中黃色 div里面的文字改變成 我的背景顏色是yellow這個(gè)到底怎么去實(shí)現(xiàn)的?。课覍?xiě)了很多個(gè)方式代碼都沒(méi)法實(shí)現(xiàn)這個(gè)，百度和谷歌上面也沒(méi)有找到我想要的答案，有大佬幫我解答下嗎？就是不會(huì)怎么設(shè)置改變div里面<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #div1 { width: 300px; height: 300px; border: 2px solid gray; margin: 100px 0 0 200px; } </style> <script type="text/javascript"> // 頁(yè)面加載 window.onload=init; //初始化函數(shù) function init() { // 獲取下拉菜單 var bgcolor=document.getElementById("bgcolor"); var div1=document.getElementById("div1"); // 給下拉菜單綁定change事件 bgcolor.onchange=function() { // 選中當(dāng)前的值 } } </script></head><body> <div> <span>請(qǐng)選擇你喜歡的顏色:</span> <select id="bgcolor"> <option value="">請(qǐng)選擇</option> <option value="yellow">黃色</option> <option value="orange">橘色</option> <option value="pink">粉色</option> <option value="purple">紫色</option> </select> </div> <div id="div1">我是div</div></body></html>
js怎么改變div里面的內(nèi)容
眼眸繁星
2019-03-29 23:19:40
