javascript - Javascript 関数が定義されていませんか?

Question

私はjavascript関数を定義しました:

<script>
function expand()
{
  parent.getElementById("elementA").style.height = 300px;
}
</script>

私はそれを onClick と呼ぼうとしています:

<div id="elementB" onclick="expand()">Notif</div>

Web コンソールをクリックすると、expand が定義されていないと表示されます。

Answer 1

'300px'JavaScript に構文エラーがあります。(文字列); のはずです。これが、スクリプトがロードされない理由であり (Web コンソールにも表示される可能性があります)、関数が定義されていません。

Answer 2

高さの値を割り当てるときは、文字列値として割り当てる必要があります。

<script type="text/javascript">
function expand()
{
  // Need to assign the value as a string
  parent.getElementById("elementA").style.height = '300px'; 
}
</script>

これは、親参照が与えられた iframe 内にあると想定しています。そうでない場合は、parentをdocumentに変更することをお勧めします。