[JavaScript]style.opacityで要素の透過率を変更する

2019年12月29日

方法
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>