コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 要素 createElement を動的に作成し、element_javascript スキルを削除する

要素 createElement を動的に作成し、element_javascript スキルを削除する

WBOY
リリース： 2016-05-16 17:02:35
オリジナル
1032 人が閲覧しました
コードをコピー コードは次のとおりです。


<スクリプト言語 = "javascript" type = "text/javascript">
function test(){
//要素を作成します
var myElement = document.createElement("a");//a はタグ名です作成したいHTML要素
//作成した要素に必要な情報を追加します
myElement.href = "http://www.baidu.com";
myElement.innerText = "百度に接続" ;
myElement.id = "id1";
//myElement.style.left = "500px"; .position = "absolute" ;
//作成した要素を body オブジェクトに追加します
//document.body.appendChild(myElement);
//要素を div
ドキュメントに追加します。 getElementById("div1") .appendChild(myElement);
}
function test2(){
//要素を削除します
//属性を通じて新しい要素の親要素を取得することもできます
//document.getElementById ("id1").parentNode
document.getElementById("div1").removeChild(document.getElementById("id1"));
}




div1



関連ラベル：
动态创建元素 createElement
ソース：php.cn
前の記事：javascript:FF/Chromeで動的に読み込まれる要素とIE_javascriptスキルの違いの説明 次の記事：動的バインディングイベントのaddEventListenerメソッド_javascriptスキルの使用
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。 PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...
から 2024-04-06 20:18:18
0
1
483
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
meta_query ORtax_query にリレーション「OR」を設定します WP_Query を使用して、meta_query 要素とtax_query 要素を含むクエリを作成しようとしています。さらに重要なのは、両方の条件 (および AND 句) を満た...
から 2024-04-04 20:01:43
0
1
1346
ブックマークを介して純粋な CSS で要素を作成しました。作成されたが表示されない 私のコードは次のとおりです: g=document.createElement('div');g.setAttribute("id","divcont...
から 2024-04-04 17:27:27
0
1
417
特定のメニュー項目にマウスオーバーしても、非表示のサブメニューが表示されない メニュー項目を呼び出すことができるように、メニュー項目用にいくつかのクラスを作成しました。 .dropdownBox{display:none;}.dropdownli:hover...
から 2024-04-04 14:39:08
0
1
359
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート