js 怎么删除某个div里面table除了最后一个td 其它都删除

js 怎么删除某个div里面table除了最后一个td 其它都删除,第1张

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>lasthtml</title>
<style>
div {
border: 5px solid black;
}
</style>
<script type="text/javascript">
onload = function ()
    {
    var table = divgetElementsByTagName ('table')[0];
    var tbody = tabletBodies[0];
    var row = tbodyrows[0], cells = rowcells;
    while (cellslength != 1)
    {
    rowdeleteCell (0);
    }
    }
</script>
</head>
<body>
<div id="div" class="test">
<table width="200" border="0">
<tr>
<td>xx</td>
<td>xx</td>
<td>xxx</td>
<td>4</td>
</tr>
</table>
<div>1111</div>
</div>
</body>
</html>

添加删除Div,有很多种方法。下面具一个简单的方法。

通过修改html内容来 *** 作

<body>
<input type="button" id="btn"/>
<a href="javascript:;" id="div-box"></a>
</body>
<script>
    var oBtn = documentgetElementById('btn');
    var oBox = documentgetElementById('div-box');
    oBtnonclick = function () {
        var html = '<div style="width:100px; height:100px; background: #ccc;"></div>';
        if (oBoxinnerHTML == '') {
            oBoxinnerHTML = html;
        } else {
            oBoxinnerHTML = '';
        }
    };
</script>

documentgetElementById("newPreview")styleinnerHTML=""; 改为documentgetElementById("newPreview")innerHTML=""; 就可以

<html>
    <head>
        <style type="text/css">
            div{width:100px;height:100px;}
            red{background:red}
            green{background:green}
        </style>
        <script type="text/javascript" src=";

应该理解对了你的问题:动态添加元素的class名。

直接上代码,有问题追问哈。

首先用选择器获取到div对象
然后就可以重新编写div内容
了,如果里面只有汉字,你可
以直接把内容写成空字符串。
如果里面还有其他节点元素,
同样要获取到元素对象,然后
就可以对他进行 *** 作了

将div的innerHTML置为空即可,下面有2类方法可以实现:

假设有如下的html片段:

<div id="test">这是要删除的内容,还要保留test本身</div>

原生js法

documentgetElementById('test')innerHTML = '';

jQuery法

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12894926.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-28
下一篇 2023-05-28

发表评论

登录后才能评论

评论列表(0条)

保存