ホームページ  >  記事  >  ウェブフロントエンド  >  要素 createElement を動的に作成し、element_javascript スキルを削除する

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

WBOY
WBOYオリジナル
2016-05-16 17:02:351010ブラウズ
コードをコピー コードは次のとおりです。


<スクリプト言語 = "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



声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。