html 单击按钮删除某一单元格的内容

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 单击按钮删除某一单元格的内容相关的知识，希望对你有一定的参考价值。

如图，单击按钮清除7

给出示例：

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=GBK">
<script type="text/javascript">
function clearVal() 
// 获取文本框对象
var el = document.getElementById('num');
if (el) 
// 将文本框对象值清空
el.value = '';


</script>
</head>
<body>
<form action="Untitled-3.html" name="form" method="post">
<div>Tem<br><input type="text" name="num" id="num"  value='7' /></div>
<div>
<input type="button" value="按钮" onclick="clearVal();"/>
</div>
</form>
</body>
</html>

追问

你好，如果不声明前面的函数，而是直接onclick="document.getElementById('num').value='' "行不行呢？

追答

当然可了：

<input type="button" value="按钮" onclick="document.getElementById('num').value = '';"/>

追问

怎么清楚表格里面的内容呢？

追答

javascript脚本：

    function clearTable() 
        // 清除整个表格里面的内容
        var el = document.getElementById('tableEl');
        if (el) 
            for(var i = 0; i < el.rows.length; i++) 
             var row = el.rows(i);
            for(var j = 0; j < row.cells.length; j++) 
             var cell = row.cells(j);
             cell.innerText = ' ';
            
            
        
        // 如果是要清除一个指定的单元格，则需要为该单元格加上ID
        // 然后通过document.getElementById方法获取这个对象
        // 调用对象的innerText=""的方法就可以完成。
    

HTML部分代码：

    
    <input type="button" value="清除表格内容" onclick="clearTable();"/>
    <table id="tableEl" border=1 width=400>
     <tr>
     <td>标题1</td>
     <td>标题2</td>
     <td>标题3</td>
     <td>标题4</td>
     </tr>
     <tr>
     <td>内容1</td>
     <td>内容2</td>
     <td>内容3</td>
     <td>内容4</td>
     </tr>
    </table>

 参考技术A

假设按钮id为btn，文本框id为text，给btn添加点击事件，对text清除内容，代码如下：

<script>
window.onload=function()
    var oBtn=document.getElementById("btn");
    var oTxt=document.getElementById("text");
    oBtn.onclick=function()
        oTxt.value="";//实际操作代码
    

</script>

 参考技术B 写一个按钮click事件，当单击按钮时
document.getElementById("文本框的ID").value="";
就可以了。。。 参考技术C 需要用js来做了，找到这个节点，清除内容。

快速单击表格中的按钮时删除和插入新按钮

【中文标题】快速单击表格中的按钮时删除和插入新按钮【英文标题】：Delete and insert new buttons when a button is clicked in a table in swift 【发布时间】：2015-10-22 08:29:30 【问题描述】：

我正在做一个 swift 项目，我有一个包含 3 个单元格的表格视图，我想删除第三个单元格中的所有按钮并在有人单击第二个单元格上的任何按钮时插入新按钮，代码如下这个

    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell 
        var cell: DateTableViewCell!
        if indexPath.row == 0 
            // First row code goes here
         else if indexPath.row == 1 
            for index in 0...6 
                var button: UIButton = UIButton.buttonWithType(UIButtonType.Custom) as!UIButton
                button.frame = CGRectMake(CGFloat(intXTile), CGFloat(28), CGFloat(40), CGFloat(30))
                button.setTitle("Button Title", forState: UIControlState.Normal)
                button.addTarget(self, action: "buttonClicked:", forControlEvents: .TouchUpInside)
                cell.addSubview(button)
            
         else if indexPath.row == 2 
            // Third row code goes here 
        
    

    func buttonClicked(sender: UIButton!) 
        var btn:UIButton = sender
        let subviews = sender.superview?.superview?.subviews as! [UIView]
        for aSubview in self.tableView.cellForRowAtIndexPath(NSIndexPath(forRow: 2, inSection: 0))!.contentView.subviews 
            if aSubview is UIButton 
                aSubview.removeFromSuperview()
            

            var answerText: Array<String?> = ["Button5","Button6","Button7","Button8"]

            var answerButton: Array<UIButton> = []

            for var i = 0; i<=answerText.count; i++ 

                var button = UIButton.buttonWithType(.System) as! UIButton

                button.titleLabel!.font = UIFont.systemFontOfSize(12)

                button.titleLabel!.lineBreakMode = .ByTruncatingTail

                var numberOfButton = 5
                let j = i
                var y:CGFloat  = (CGFloat)(j*290/(numberOfButton+1)-1);
                button.frame.size.height = 30
                button.frame.size.width = 200
                button.frame.origin.y = y
                button.frame.origin.x = 50.0
                answerButton .insert(button, atIndex: i)

            

            for var i = 0; i<answerText.count; i++ 

                var button:UIButton = answerButton [i]

                button.setTitle(answerText[i], forState: UIControlState.Normal)

                aSubview.addSubview(button)

Story Board 中的数据表视图控制器场景是这样的

当点击任何第二个单元格按钮时，将调用“buttonClicked”方法，我需要删除并使用新数据更新按钮，现在它向第三个单元格添加新按钮，但不会删除现有的按钮，我还需要将按钮正确放置在第三个单元格中，从过去 2 天开始我一直在努力完成这项工作，有人可以帮我解决这个问题，非常感谢。

【问题讨论】：

我使用的是动态原型，有 3 个原型单元 您应该在更改单元格内容数据时重新加载表格视图或具体单元格。要获取单元格，您应该通过 indexpath 或标签调用它 谢谢，你能指导我怎么做吗？ 【参考方案1】：

尝试使用此代码

let contents = self.tableView.cellForRowAtIndexPath(NSIndexPath(forRow: 2, inSection: 0))?.contentView
for i in 1...3 
    contents.viewWithTag(i)?.removeFromSuperview()

【讨论】：

我已经在“buttonClicked”方法中尝试了上面的代码，但是它说“找不到成员forEach”，请解释一下有这么多for循环，我需要添加它，谢谢很多 @sam 你在用 Swift 2 吗？ 对不起，它不起作用，请问我需要在哪个 for 循环之后添加？ @sam 在for v in subviews 之后添加它。您是否使用该行来插入单元格？ @sam 等一下，我刚刚意识到还有一些事情需要改变，我会再次更新我的答案。

以上是关于html 单击按钮删除某一单元格的内容的主要内容，如果未能解决你的问题，请参考以下文章

需要 VBA 代码才能单击将内容从一个单元格移动到另一个单元格的按钮

如何在不使用按钮或 tbody 的情况下从动态生成的表中单击一行来获取 HTML 表中单元格的值

如何在swift 3中删除tableview中特定单元格的按钮

根据获得的当前单元格的索引路径，自定义单元格中的按钮单击功能

Office表中如何把一定范围单元格的内容多列数据去除空值以TXT文本方式导出？

TCPDF：为啥即使单击不同单元格的按钮，“生成 pdf”按钮也会显示相同的数据？