ホームページ >ウェブフロントエンド >jsチュートリアル >AJAX関連のJSコードスニペットとブラウザモデル_JavaScriptスキルのまとめ
AJAX関連のJSコードスニペットとブラウザモデル_JavaScriptスキルのまとめ
- WBOYオリジナル
- 2016-05-16 19:09:59859ブラウズ
.net開発では、無料のコントロールを使いこなすのは良いことですが、自分のニーズに合わせてコントロールを変更できない場合は、ブラウザ内のさまざまなオブジェクトのメソッド属性を調べることが前提となります。モデル。特に CSS と HTML に精通している場合は、非常にクールに作成できるでしょう。 JS 言語自体に関する限り、要件はそれほど高くありません。
1. テーブルの内容を動的に削除するためのヒント。あまり多くのコードを記述する必要はありません。
tb.removeNode(true)
2. 動的に追加します。 CreateElement を除く行 このメソッドは次のように短くすることもできます:
<script> <BR>function addTable(){ <BR> var row1 = tb1 .insertRow(); <BR> var cell1=row1.insertCell(); <BR> cell1.innerText="ベビーグレービーン"; Super Big Stupid Wolf" <BR>} <BR>＜/SCRIPT> <BR><INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()"> <BR><BR> 3. テーブルを動的に追加DIV 内 <br><br><SCRIPT> <br>function addTable(){ <br> var tb1 = document.createElement("table"; <BR> tb1.border="1px"; <BR> var row1 = tb1.insertRow( ); <BR> var cell1=row1.insertCell(); <BR> mydiv.appendChild(tb1); ; <BR> cell2.innerText="panyuguang962" <BR>} <BR>＜/SCRIPT> <BR><BODY> <BR><div id=mydiv style="width:400;height:300;">< /div＞ <BR><INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()"> <BR><BR> 4. DIV内のTableを削除するには、単純にDiv.innerHTML=""とします。 > 上記は実用的で比較的短いコードです。もちろん、これを実現する方法は他にもありますが、DIV オブジェクトの insertAdjacentHTML メソッドを組み合わせるなど、通常は上記よりも長くなります。以下ではさまざまなメソッドが使用されます。前提となるのは、ブラウザ モデルのさまざまなオブジェクトのメソッド属性をよく研究することです。特に CSS と HTML に精通している場合は、非常にクールに作成できるでしょう。 JS 言語自体に関する限り、要件はそれほど高くありません。 <BR><BR> 次に、Document オブジェクトの例を示します。関連するメソッドは次のとおりです。 <br><br>メソッド 説明 <br>attachEvent <br>createAttribute <br>createComment <br>createDocumentFragment <br>createElement <br>createEventObject <BR>createStyleSheet <BR>createTextNode <BR>detachEvent <BR>getElementById <BR>getElementsByName <BR>getElementsByTagName <BR>mergeAttributes <BR>recalc <BR>write <BR>writeln <BR> DIV を取得しますオブジェクト関連メソッドの例は次のとおりです。 <BR><BR>addBehavior <BR>appendChild <BR>applyElement <BR>attachEvent <br>clearAttributes <br>cloneNode <br>contains <br>detachEvent <BR>getAdjacentText <BR>getAttribute <BR>getAttributeNode <BR>getElementsByTagName <BR>hasChildNodes <BR>insertAdjacentElement <BR>insertAdjacentHTML <BR>insertAdjacentText <BR>insertBefore <BR>mergeAttributes <BR>normalize <BR>removeAttribute <BR>removeAttributeNode <BR>removeBehavior <BR>removeChild <BR>removeexpression</script>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。