首頁 > 開發者 > JavaScript
直接上代碼：
當你選擇一個樣式的時候，對應的地方，會改變，這會很有用的
代碼很簡單，歡迎指教
<!DOCTYPE html><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head> <title></title> <style type="text/css"> #cssid { height: 100px; width: 300px; background-color: #FFCC00; } #textid { background-color: #CCCCCC; width: 300px; } </style> <script type="text/javascript"> function change() { var selNode = document.getElementById("selid"); var value = selNode.options[selNode.selectedIndex].value; var didNode1 = document.getElementById("cssid"); var divNode2 = document.getElementById("textid"); didNode1.style.textTransform = value; divNode2.innerHTML = "text-transform : "+ value + ";"; } </script></head><body> <div id="cssid"> good good study day day up!!! </div> <p> </p> <select id="selid" onchange="change()"> <option value="none">--text-transform--</option> <option value="capitalize">首字母大寫</option> <option value="uppercase">所有字母大寫</option> <option value="lowercase">所有字母小寫</option> </select> <div id="textid"> text-transform : none; </div></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
