DOMベースプログラミングにおける要素の動的作成・削除の使い方_基礎知識

コードをコピー コードは次のとおりです:

< ;script type="text/javascript">
function test(){
//createElement() 指定したタグ名で要素を作成します (例: ハイパーリンクを動的に作成します)
var createa=document.createElement("a");
createa.id="a1";
createa.innerText="Baidu に接続";
createa.href="http://www. baidu.com";
//createa.color="green" ////色を追加します (style 属性を忘れないでください。そうでないと効果がありません)
createa.style.color="green "
//デフォルトの場所を追加します -- 本体と子ノードを追加します
//document.body.appendChild(createa);
//指定された位置を配置します
>
function test2() {
//指定された位置のノードを削除removeChild()
document.getElementById("div1").removeChild(document.getElementById("a1")) //重複する ID 名 js は最初の }

> ;

コードをコピー コードは次のとおりです: ＆lt; html＆gt;

＆lt; head＆gt;

＆lt; script type = "text/javascript"＆gt;
function test（）{createElement（）指定されたタグ名を持つ要素を作成します[例: ハイパーリンクを動的に作成します]
var createa=document.createElement("a");
createa.id="a1";
createa.innerText ="百度に接続";
createa .href="http://www.baidu.com";
//createa.color="green" ////色を追加します (style 属性を忘れないでください。そうでないと効果がありません)
createa.style.color="green"
//デフォルトの位置 --body を追加し、子ノードを追加します
//document.body.appendChild(createa);
// 指定された位置を配置します
。 > return document.getElementById( id);
}