コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

AJAX関連のJSコードスニペットとブラウザモデル_JavaScriptスキルのまとめ

WBOY
リリース： 2016-05-16 19:09:59
オリジナル
836 人が閲覧しました

.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>
関連ラベル：
总结AJAX相关JS代码片段和浏览器模型
ソース：php.cn
前の記事：7. Microsoft Online-Crash Control、バージョン 6.0 (Microsoft Online Crash Control)_JavaScript スキル 次の記事：(currentStyle)javascript style_javascript スキルを使用すると、設定された CSS 属性を取得できない場合があるのはなぜですか
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1870
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2035
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1713
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1614
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1627
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート