js 如何刪除某個div下的div元素

2022-01-18 08:58:09 字數 6286 閱讀 1695

1樓:匿名使用者

最好給需要刪除的div元素定義乙個id,以方便對其進行操作;

注意js中是沒有remove();方法的,在jquery中就可以直接使用 $("#divid").remove();移除該元素;這樣非常方便、簡單。

js中的話要通過獲取該元素的父級元素,再呼叫..removechild(要刪除的元素);

測試demo:

2樓:

//js

var removeobj = document.getelementbyid('reducedline').getelementsbyname('mlt24')[0];

removeobj.parentnode.removechild(removeobj);

//jquery

$('#reducedline>div[name="mlt24"]').remove();

jquery如何刪除子元素

3樓:

1、刪除元素和內容,可以通過jquery的remove()和empty()方法,remove()刪除選擇的元素和子元素,empty()只刪除選中元素的子元素。

2、新建乙個html頁面,引入jquery.js,頁面body裡面新增乙個div盒子,div盒子裡面新增兩段話,和乙個刪除div元素的按鈕,js中呼叫$(「#div1」).remove()方法刪除元素。

3、在瀏覽器中開啟html頁面之後,可以看到div盒子和兩段話,點選移除div元素按鈕。

4、點選移除div元素按鈕之後,可以看到div元素和子元素p都被刪除掉了。

5、將$(「#div1」).remove()方法注釋掉,使用$(「#div1」).empty()方法,刪除選擇元素的子元素。

6、可以看到點選清空div元素按鈕,將div元素的p子元素刪除了。

4樓:匿名使用者

jquery中children()可以選擇子元素,remove()可以刪除元素,所以可用如下**刪除子元素

$(object).children(selector).remove();  // 刪除object元素下滿足selector選擇器的子元素,不填寫則預設刪除所有子元素

示例如下:

建立html元素

list 1-1

list 1-2

list 1-3

list 2-1

list 2-2

list 2-3

設定css樣式

divdiv.top

div.top div

編寫jquery**

$(function());

})顯示效果

刪除子元素前

點選後刪除相應子元素

5樓:匿名使用者

$("div span:gt(0)").remove();

使用了樓上哥們的,我在這裡說明一下

gt是大於的意思,0其實代表的就是1

remove從字眼上看就知道是去除的意思了。

6樓:匿名使用者

$("div").find("span")[0].remove();

試試行不行

7樓:

可以參考下這個

8樓:匿名使用者

$("div span:gt(0)").remove()

js或者jquery,點選刪除刪除某個div問題

9樓:

1、新建html檔案。

2、引入jquery.min.js檔案。

3、建立div和按鈕並新增class樣式。

4、接下來需要建立css樣式。

5、建立js點選事件。

6、當點選按鈕移除div元素。

7、點選按鈕效果如圖所示。

擴充套件資料1、 所有div應該都放在body裡面  應該這個才是內容區你把他們反正不是頭和內容直接,網頁解析肯定會出錯的。

2、樣式區域在裡面必須加上type="text/css"這樣才能搞錯瀏覽器這部分為css樣式部分,用css去解析而不是html。

3、內容區鑲套了大量的多餘div這屬於多div症,這樣會導致頁面鑲套混亂,然後加上你的那多浮動會出現做迷藏事件。

4、浮動後沒有清楚浮動這樣會產生很多的影響。

10樓:匿名使用者

最好是這樣:

我加了 rep 樣式

刪除方法: 點用的時候傳乙個引數

function deleterow(obj)我自己寫了乙個公用方法:

/*** 找到 obj 元素的父級元素class=pclass的第一父元素,並將其移除

* @param objjquery 物件* @param pclass父級元素的class樣式* @param isone是否需要保留一條 預設: false*/function sys_remove_element(obj, pclass, isone)

var p = obj.parents('.' + pclass);

if (one)  else

} else

return true;}

11樓:菸灰的末日

你的**結果好像不太,合理,時間太緊,所以就不寫**了最好把每一行作為乙個整體,比如說包在乙個div裡面,或者tr裡面。

這樣的話,實現效果就簡單了。

點選刪除,獲取對應的tr或者div,然後用remove()方法。

寫了個簡單的**,給你參考下:

開始時間

結束時間

刪除開始時間

結束時間

刪除開始時間

結束時間

刪除開始時間

結束時間

刪除開始時間

結束時間刪除

js怎麼去掉乙個div裡的style

12樓:幻翼高達

2、在index.html中的標籤,輸入js**:$('div').css('margin-left', 0);。

3、瀏覽器執行index.html頁面,此時div中的style屬性的margin-left被成功去除。

13樓:千鋒教育

先判斷div的style是通過style屬性新增還是通過class新增。

可以使用jquery很方便的解決這個問題。

方法說明:

removeattr() 方法從被選元素中移除屬性。

removeclass() 方法從被選元素移除乙個或多個類。

14樓:周祥

$("div.contenta div.s div[style!='']").attr("style","");

15樓:

document.getelementbyid('divid').removeattribute("style");

16樓:mr_妖姬

$("#divid").attr("style","");

divid是div的id

17樓:匿名使用者

先給div指定乙個id;

document.getelementbyid('divid').removeattribute("style"); //清除所有樣式

document.getelementbyid('divid').style.marginleft = "0";

18樓:匿名使用者

你的這個div沒有id 、name或 class 匹配到該div比較麻煩

jquery

$('div.s div[style^="margin-left"]').removeattr('style');

js如何獲取某個div下的元素

19樓:千羽千尋

要想獲得某個div下的元素,那麼這個div必須是確定的。所以在寫**的時候,你必須知道這個div自己唯一擁有的屬性,如id。

div下的元素都是其子元素

在用getelementbyid()等方法得到確定的div後你就可以用childnode得到其所有的子元素了

20樓:福財二妹

1、新建乙個html檔案,命名為test.html,用於講解jquery如何獲得div下的元素。

2、在test.html檔案內,使用div標籤建立乙個模組,在div內,使用p標籤,span標籤建立測試的內容。

3、在test.html檔案內,設定div的id屬性為divcon,主要用於下面通過該id獲得div物件。

4、在test.html檔案內,使用button標籤建立乙個按鈕,按鈕名稱為「獲得div下的元素」。

5、在test.html檔案中,給button按鈕繫結onclick點選事件,當按鈕被點選時,執行divfun()函式。

6、在js標籤中,建立divfun()函式,在函式內,通過id(divcon)獲得div物件,使用html()方法便可以獲得div物件下面的元素了。最後,使用alert()方法輸出元素。

7、在瀏覽器開啟test.html檔案,點選按鈕,檢視結果。

總結1、建立乙個test.html檔案。

2、在檔案內,在div標籤內,使用p標籤建立一行文字,同時建立乙個button按鈕,用於觸發執行js函式。

3、在js標籤內,建立函式,在函式內,使用getelementbyid()方法通過id(mydiv)獲是div物件,再使用getelementsbytagname()方法獲得div下面的p元素物件,最後,使用alert()方法輸出p元素的內容。

js點選div元素裡的按鈕然後刪除div自身要怎麼實現

21樓:匿名使用者

大部分情況下,刪除=隱藏或者叫不可見

22樓:匿名使用者

var deletebtn = function(btn)

------------------

onclick="deletebtn(this)"

用js怎麼控制新增或刪除div?

23樓:輕剪__一世繁華

div內容 新增刪除

24樓:

我是用jquery寫的,js 方法類似 名稱不同而已

25樓:

佔位 等下回答 寫個列子你

如何清除js建立的div?

26樓:匿名使用者

清除某個元素 最好用 元素.parent.removechildnode(元素); 這個方式最好

所以你的問題可以通過以下的語句解決

odiv.parent.removechildnode(odiv);

27樓:匿名使用者

document.removechild("odiv");

document.remove("odiv");

這兩個你試試哪個行

刪除div中的內容 ,但是保留這個div 怎麼辦?求js方法!!!

28樓:匿名使用者

將div的innerhtml置為空即可,下面有2類方法可以實現:

假設有如下的html片段:

這是要刪除的內容,還要保留test本身

原生js法

document.getelementbyid('test').innerhtml = '';

jquery法

$('#test').empty();//jquery方法一$('#test').html('');//jquery方法二

29樓:郭某人來此

不知道老兄刪除是什麼用意,我這裡提供乙個效果一樣的方法,就是將這個div隱藏起來。

方法如下。

js裡面寫上

function hidden()

通過單擊呼叫這個js就可以了

比如刪掉。。。。

如果非要刪除,就把document.getelementbyid("dd").style.display="none";

改成document.getelementbyid("dd").innerhtml="";

就可以了

如何通過js讓div在頁面滾動中固定不動

你要把這個div設定乙個css屬性position,這個屬性要在這個樣式中寫再次,且這再次的值分別為 absolute和fixed,比如你這個div的樣式名為div1,你就這樣寫 其他屬性隨便你自己設定。你是要類似於頁面廣告那種嗎 下面的 可以實現,一直右下角顯示 css adjs function...

js中如何刪除某個指定字元前後的字串

var s 123456789 abc alert s.substring 0,s.indexof alert s.substring s.indexof 1,s.length var str var ipos str 123456789 abc ipos str.indexof str1 str....

如何通過JQuery將DIV的滾動條滾動到指定的位置

function moveto x,y 就定義這樣乙個函式,然後自己呼叫就好了,x是指定的水平方向距離,y是指定的垂直方向距離 如何通過jquery將div的滾動條滾動到指定的位置 1 selector scrolltop offset 可以設定滾動條位置。例如 1 classname scroll...