對已存在的標籤元素新增子元素

2021-09-22 01:31:16 字數 1384 閱讀 6509

—請選擇—

北京市天津市

河北省

使用父元素.parentnode.replacechilde(替換的元素,父元素)

//獲取省份元素物件

let select_provs=document.queryselector("select[name=provs]");

//監聽省份元素改變

select_provs.onchange=function(event)

//替換原來的城市選項卡

select_city.parentnode.replacechild(parent,select_city);

}else

}

//獲取省份元素物件

let select_provs=document.queryselector("select[name=provs]");

//監聽省份元素改變

select_provs.onchange=function(event)

//清除原有子元素

select_city.innerhtml="";

//增加文件片段

//清除城市選項卡隱藏型別

select_city.classname="";

}else

}

先把子元素使用模板字串拼接

然後使用父元素.innerhtml=模板字串;

就可以為父元素新增子元素

//獲取省份元素物件

let select_provs=document.queryselector("select[name=provs]");

//監聽省份元素改變

select_provs.onchange=function(event)`;

}//清除城市選項卡隱藏型別

select_city.classname="";

}else

}

1.優點

當要重置父元素所有屬性和innerhtml時,較為方便

1.缺點

每一次動態都需要捕獲一次父元素

子元素的每乙個屬性的增加都需要乙個語句;

試用於增加子元素之後,父元素屬性和innerhtml重置的標籤

2.優點

不需要多次捕獲父元素

2.缺點

子元素的每乙個屬性的增加都需要乙個語句;

適用於增加子元素之後,父元素不需要重置的標籤

3.優點

模板字串直接拼接,子元素屬性直接書寫即可.

可現在頁面上實現效果,然後複製進入模板中,試用${}動態生成資料

需要重置時使用=

不需要時使用+=

jquery 建立元素和新增子元素

一 建立新元素 1 使用 函式建立新元素 var newelement 段落 建立元素,返回jquery物件 說明 其插入位置為某個元素的最後乙個子元素 2 返回的jquery物件中只包含html片段最頂層 外層 的元素,對於後代元素我們可以像處理頁面中已有元素一樣,使用 children或find...

css對標籤的分類(元素型別)

css的顯示對標籤分類 塊狀元素 內聯元素 行內元素 爭議點 第三類 a 可變元素 b 行內塊元素 元素型別分類 塊狀元素 內聯元素 可變元素。注 把行內塊元素 歸在 內聯元素這一類裡面。預設情況下元素型別每個型別特點 塊狀元素特點 1 在頁面中以矩形區域顯示。2 自上而下排列,獨佔一行 3 可以直...

子元素的垂直margin值對父元素的影響

首先得說一下 margin摺疊 所謂margin摺疊,即相鄰的不同margin值有可能會被摺疊成同乙個margin值。看清楚哦,只是有可能會。至於哪些是相鄰元素?哪些又會存在摺疊?這個鏈結裡闡述很全面。這裡只分析子元素的垂直margin值對父元素的影響 html結構 灰色父塊,紅色子塊,綠色子塊,白...