前提・実現したいこと
jqueryは使用せず、現在html内でのscriptで完結したいです。
【状況】
動的なボタン(core.jsにより生成した入口)と、
そのボタンが押された後に生成されたウインドウ(core.jsによりclassを指定)と、
ウインドウ内部のボタン(下記記載のdom操作により追加)はできており動いています。
ウインドウ生成後のボタンの仕様は以下。
【仕様】
・htmlへのタグの追加はしない。
・ウィンドウに付いているボタンが生成された時に一度だけ自動でクリックされる(追加したい)
・クリックイベントとしていつでも押せる
・ボタンは2つあり、1つ目のボタンのみに対応する
・ボタンが押されると入力欄に入力されそのまま送信される
できればボタンのソースに付け加えるだけがいいですが、
入口のボタンが押された時の挙動でも大丈夫です。宜しくお願いします。
該当のソースコード
html
1<script src='./core.js'></script> 2 3<script> 4document.getElementById('test').addEventListener('DOMNodeInserted',function(e){ 5if(e.target.className == textform){ 6var button = document.createElement('button'); 7button.innerText = 'ボタン1'; 8button.addEventListener('click',function(event){ 9event.target.parentElement.getElementsByClassName('textarea')[0].textContent ='ボタン1です。' 10event.target.parentElement.lastChild.click(); 11}); 12e.target.insertBefore(button,e.target.firstChild); 13}},false); 14</script>
試したこと
DOM操作の追加をしてみたり、window.onloadにしてみたがうまくいかず。。
document.getElementById('test').addEventListener('DOMContenLoaded',function(event)

回答2件
あなたの回答
tips
プレビュー