質問: ### 前提・実現したいこと jqueryは使用せず、現在html内でのscriptで完結したいです。 【状況】 動的なボタン(core.jsにより生成した入口)と、 そのボタンが押された後に生成されたウインドウ(core.jsによりclassを指定)と、 ウインドウ内部のボタン(下記記載のdom操作により追加)はできており動いています。 ウインドウ生成後のボタンの仕様は以下。 【仕様】 ・htmlへのタグの追加はしない。 **・ウィンドウに付いているボタンが生成された時に一度だけ自動でクリックされる**(追加したい) ・クリックイベントとしていつでも押せる ・ボタンは2つあり、1つ目のボタンのみに対応する ・ボタンが押されると入力欄に入力されそのまま送信される できればボタンのソースに付け加えるだけがいいですが、 入口のボタンが押された時の挙動でも大丈夫です。宜しくお願いします。 ### 該当のソースコード ``` ``` ### 試したこと DOM操作の追加をしてみたり、window.onloadにしてみたがうまくいかず。。 document.getElementById('test').addEventListener('DOMContenLoaded',function(event)
回答: ちょっと意味がわからないのですが bodyにtestというdivを追加して、さらにbuttonを追加して、buttonを押す。 なんかぜんぜん違うような気がするのですが、命題に書かれていない仕様を ソースに混ぜているので回答のしようがありません・・・ ``` window.addEventListener('DOMContentLoaded', function(e){ var test=document.createElement("div"); test.setAttribute("id","test"); document.querySelector('body').appendChild(test); var button = document.createElement('button'); button.appendChild(document.createTextNode( 'ボタン1')); test.appendChild(button); button.addEventListener('click',function(e){ console.log("hoge"); }); button.click(); }); ``` 1回だけclickはまさに、clickを実行するだけでは?