関数にhtmlイベントをバインドする

Question

onclickなどのhtmlイベントをバインドするには、関数myFunc(e){}にどうすればよいですか？

document.getElementByClassまたはIdを使用しません。

私はjQueryを使いたくありません。

Answer 1

それはまだあなたが1990年代だとjQueryを確認、その後、発明されていない場合：あなたはページ上の要素を見つける必要があります

<div onclick="myFunc"> 
</div> 

Answer 2

まず、たとえばvar element = document.getElementById('clickme')のために、そしてあなたがリスナーを追加する必要がありますクリックイベントelement.addEventListener('click',function)

Answer 3

にこれを試してみてください：

document.getElementsByTagName('body')[0].addEventListener('click', function(){alert("you clicked on the page")}) 

これはbodyタグにイベントリスナーを追加します。ページをクリックすると、警告機能が起動します。

あなたはどちらか、クラス名、IDおよび/またはタグ名で要素を取得することができます：

document.getElementById('someId') 
document.getElementsByClassName('someClassName') 
document.getElementsByTagName('body') 

追加したい場合がありますので、心の中で「のgetElementsByClassName」と「getElementsByTagNameの」リターンアレイをキープこのようなインデックス

getElementsByTagName('body')[0] 
document.getElementsByClassName('someClassName')[1] 
...