0

の div がありid="playerViewer"ます。

この div のスタイルを変更したい場合は、次のようにします。

  if (include(urlarr, listen)) {
        //$('#playerViewer').css('position', 'fixed').css('top', '5px').css('right', '100px'); I Don't want to use Jquery
        document.getElementById("playerViewer").style.position="fixed";
        document.getElementById("playerViewer").style.top="5px";
        document.getElementById("playerViewer").style.right="100px";
        alert("No alert showing up, even though the function is true");
};

私のコンソールで私は得ました：

 Uncaught TypeError: Cannot read property 'style' of null

だから私はgetElementById間違った使い方をしていると思います-誰かが私を正しい方向に向けることができますか?

HTML:

<div id="playerViewer">
    <div id="defaultVideocontainer">
        <div id="defaultVideopart">
        <video id='dago_video' class='jwplayer dago-video'  width='480' height='360' controls ></video>
        </div>
    </div>
</div>
4

1 に答える 1

1

div にアクセスできるかどうかは、それが css を介して隠されているかどうかにかかわらず、何もする必要はありません (例: display:none)。

ページが読み込まれたときにコードを実行してみることができます。

window.onload = function() {
  if (include(urlarr, listen)) {
        document.getElementById("playerViewer").style.position="fixed";
        document.getElementById("playerViewer").style.top="5px";
        document.getElementById("playerViewer").style.right="100px";
  };
}

以前に実行した場合、div は作成されていません/アクセスできません。

于 2013-08-14T13:03:37.387 に答える