[JavaScript]style.opacityで要素の透過率を変更する
方法
style.opacityを使用し透過率を変更する
サンプルコード
方法 style.opacityを使用し透過率を変更する サンプルコード JSコード <script> function ChangeOpacity(x) { // id='pA'要素を取得 var opacity=x.options[x.selectedIndex].text; var el=document.getElementById("pA"); if (el.style.opacity!==undefined) { el.style.opacity=opacity;} else { console.log("ブラウザでサポートしない!"); } } </script> htmlコード <p id="pA">要素を選択してください</p> <select onchange="ChangeOpacity(this);" size="5"> <option />0 <option />0.2 <option />0.5 <option />0.8 <option selected="selected" />1 </select>