方法は、一般的にウェブのWeb APIを使用します

この記事では、Web API一般的に使用される方法は、以下の主要な要素について説明します。

1:いくつかの方法で結合事象

2:イベントをアンバンドリングの方法

3:の要素を作成するにはいくつかの方法

4:いくつかの方法でノードを取得します。

まず、3通りの方法でイベントを結合要素:

.On + 1つの対象のイベントハンドラのイベントタイプ=

例:私の$( "BTN")のonclick =関数(){} ;.

イベントハンドラ:という名前の関数をすることができ、それは匿名関数とすることができます

.AddEventListener第二の目的(「イベントタイプ」イベントハンドラ、偽の);

例子:私の$( "BTN")は、addEventListener( "クリック"、機能(){}、false)を;

(+イベントタイプ、イベントハンドラ「オン」)3つのオブジェクト.attachEvent。

例:私の$( "BTN")attachEvent( "onclickの" 関数(){});.

3つの方法で要素アンバンドリングイベント

イベントタイプ=ヌル.on 1つのオブジェクト(同じ要素は、同じイベントより、最後に行うことができる登録しました)

例:私の$( "BTN")のonclick = nullを;.

2オブジェクト.removeEventListener(「イベントタイプ」、イベントハンドラ名、偽の);

。例子:私の$( "BTN")にremoveEventListener(F1、偽、 "クリック")。

3オブジェクト.detachEvent(+イベントタイプ、イベントハンドラ名「上」);

例:L私の$( "BTN")detachEvent( "onclickの"、F1);.

addEventListenerをとの違いattachEvent:まとめ

GoogleとFirefoxのaddEventListenerを値、IE11のサポート、IE8はサポートしていません。

3つのパラメータは、最初のパラメータは上にありません

ここで、これは現在のオブジェクトであります

attachEvent IE8のサポート、GoogleとFirefoxがサポートしていない、IE11はサポートしていません。

二つのパラメータ、最初のパラメータは上があります

これは、ここではウィンドウオブジェクトであります

そして最後に:どのような方法で対応する方法でアンバンドリング上のイベント、イベントを結合

第二に、Baiduは大規模なプロジェクトを検索します

1.テキストボックスを取得し、キーボードアップイベント登録

私の$("TXT" )。onkeyupの = 関数 ()

第三に、3つの方法の要素を作成します

1、  //ラベルpを作成します

//ページが完全に次のような方法を使ってロードされたときに要素が作成されている場合は、ページのすべての内容は、すべてを取り除くます

document.write "<p>このはp </ P>");

2、私の$("DV")。innerHTMLの = "<P>これはPである</ P>" ;

3、//入力ラベルを作成します

var inputObj=document.createElement("input");

inputObj.type="button";

inputObj.value="这是按钮";

//追加到div中

my$("dv").appendChild(inputObj);

四、获取对应节点

//ul的父级节点

console.log(my$("uu").parentNode);

//ul的父级元素

console.log(my$("uu").parentElement);

//ul的所有子级节点

console.log(my$("uu").childNodes);

//ul的所有的子元素

console.log(my$("uu").children);

//ul中第一个子节点

console.log(my$("uu").firstChild);

//ul中第一个子元素

console.log(my$("uu").firstElementChild);

//ul中最后一个子节点

console.log(my$("uu").lastChild);

//ul中最后一个子元素

console.log(my$("uu").lastElementChild);

//某个li的前一个兄弟节点

console.log(my$("three").previousSibling);

//某个li的前一个兄弟元素

console.log(my$("three").previousElementSibling);

//某个li的后一个兄弟节点

console.log(my$("three").nextSibling);

//某个li的后一个兄弟元素

console.log(my$("three").nextElementSibling);

//总结:获取节点的代码,谷歌是获取节点,获取元素的代码,谷歌是获取元素

//但是,到了IE8中,获取节点的代码是获取元素,获取元素的代码,不支持

小扁は、今ここに教師としてのフロント講師の仕事になったフロントエンドの開発に長年の経験を持つエンジニアであり、我々は、タイミングとフロントエンドプログラミングの知識を共有し、皆のために要約すると、完全なフロントエンドの学習を整理します情報、学生はケリスカートを追加することができます収集し、私と一緒に勉強したい:1017226689を、本当にありがとう、あなたを助けたいです。

おすすめ

転載: blog.csdn.net/qq_40163373/article/details/90710846