javascriptで表示した画像をcssで位置指定について

Question

.html

<p class="img01"><script type="text/javascript">img.put();</script></p>

.css
div {
position:relative;
line-height:0;
}
p {
position: absolute;
}
.img01 {
position: absolute;
top: 50px;
left: 100px;
}

<script>～</script>で表示した画像をcssで表示する位置を変えたいのですが、

top:50px;が効かずウインドウの一番左上に表示されてしまうのですが何が原因でしょうか？

Comments

[shi_ue]

img.put() は何をしてるんですか？

[sawada23]

複数の画像からアクセスする度にランダムで表示しています。

<script type="text/javascript">
var img01 = {
url : [['01.png'],['02.png'],['03.png'],['04.png'],['05.png']],
shuffle : function() {
for (i = this.url.length; i > 0; --i) {tmp = this.url[p = Math.floor(Math.random()*i)] ;
this.url[p] = this.url[i-1] ;this.url[i-1] = tmp ;}},p : 0,put : function() {document.write('<img src="'+this.url[this.p++][0]+'" />') ;
if (this.p >= this.url.length) this.p = 0 ;
}
} ;
img01.shuffle() ;
</script>

[shi_ue]

質問に追記してください。あと、マークダウンを使ってくださいね。見にくいです。

Answer 1

var img01 = {
  url : [['01.png'],['02.png'],['03.png'],['04.png'],['05.png']],
  shuffle : function() {
    for (i = this.url.length; i > 0; --i) {
      tmp = this.url[p = Math.floor(Math.random()*i)];
      this.url[p] = this.url[i-1] ;
      this.url[i-1] = tmp ;
    }
  },
  p : 0,
  put : function() {
    document.write('<img src="'+this.url[this.p++][0]+'" />');
    if (this.p >= this.url.length)
      this.p = 0;
  }
};
img01.shuffle();
```提供していただいたコードを貼り付けます。

IE11、Firefox、Chrome、Edgeでやってみましたが、ちゃんとtop、leftとも効いています。
html内のscriptタグの`img.put()`は`img01.put()`の間違いですよね？

Answer 2

ブラウザのキャッシュのせいでファイル更新しても反映されてないだけでした。
キャッシュクリアしたら正常に動くようになりました。
回答してくださりありがとうございます。