HtmlTableRowElement

最新推荐文章于 2021-06-26 14:42:44 发布
最新推荐文章于 2021-06-26 14:42:44 发布
阅读量1.8k 收藏
点赞数 2
分类专栏： WEB前端 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leozam/article/details/84858161
版权
1.需求:
前台对html table进行排序
2.框架:
JQuery
3.思路:
点击排序按钮,获取tr集合,对tr进行sort
4.问题:
code:trs.sort(function(a,b){a.children("td");})
error:报a.children无法执行
原因:a是一个HTMLTableRowElement对象，需要再包一层$()才将其转换为jQuery对象
修改:trs.sort(function(a,b){$(a).children("td");})
leozam
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM编程
L1194774003的博客
02-09 738
DOM模型概述 DOM是文档对象模型（Document Object Model）的简称，接住DOM模型、可以将结构化文档转换成DOM树，程序可以访问、修改书里的节点，也可以新增、删除树里的节点，陈哥需操作这颗DOM树时，结构化文档也会随之动态改变，所以，掌握了DOM编程模型后，就拥有了使用JavaScript脚本动态修改HTML的能力 DOM模型中HTML元素之间的继承关系 DOM为常用的HTM...
节点之间的关系
m0_67901663的博客
03-24 390
节点之间的关系
[object HTMLTableRowElement]与[Object object]互转
TOP__ONE的博客
09-26 5463
[object HTMLTableRowElement]与[Object object]这两者的关系是前者是后者的子集。类似其他的HTMLElement都是object的子集； 比如：我想通过this将本身对象传过来，但是传过来后发现是[object HTMLTableRowElement]，与通过id获取到的对象[Object object]有差别 而[Object object]对象可以直
html中判断td为空把正行删除,从HTMLTableRowElement中的特定单元格获取子元素并隐藏/删除它们？...
weixin_35538624的博客
06-26 303
基本上当行中的网格数据绑定此事件触发：function onRowDataBound(e) {if (e.dataItem.Status == "Submitted") {$.each(e.row.cells, function (index, column) {alert(column.innerHTML);//var $header = $(column).closest('table').f...
HTML转换成字符串
weixin_30569153的博客
03-25 111
//Html结构转字符串形式显示 支持<br>换行 functionToHtmlString(htmlStr) { returntoTXT(htmlStr).replace(/\&lt\;br[\&ensp\;|\&emsp\;]*[\/]?\&gt\;|\r\n|\n/g, "<br/>"); } //Html结构转字符...
Uncaught TypeError: htmlTableRowElement.forEach is not a function
最新发布
05-31
这个错误通常是因为你尝试在HTMLTableRowElement上调用forEach方法，但是HTMLTableRowElement没有定义该方法。forEach方法是Array.prototype的一部分，所以只有实现了该接口的对象才能使用该方法。 解决方法是将...
为什么下面代码点击删除按钮不能成功触发m2函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="Vue.js"></script> </head> <body> <div id="wer"> <table id="123" border="1"> <tr> <td> 文本数据</td> <td>含有标签的文本数据</td> </tr> </table> 文本数据<input type="text" v-model="value1"> <input type="button" value="提交" @click="m1"> </div> <script> new Vue({ el:"#wer", data:{ value1:"", deleteId:"34" }, methods:{ m1:function () { var htmlTableDataCellElement = document.createElement("td"); htmlTableDataCellElement.innerText=this.value1; var htmlTableDataCellElement1 = document.createElement("td"); htmlTableDataCellElement1.innerHTML="<input type=\"button\" value=\"删除\" @click=\"m2\">"; var htmlTableRowElement = document.createElement("tr"); htmlTableRowElement.id=this.deleteId; htmlTableRowElement.appendChild(htmlTableDataCellElement); htmlTableRowElement.appendChild(htmlTableDataCellElement1); var elementById = document.getElementById("123"); elementById.appendChild(htmlTableRowElement); }, m2:function () { console.log(document.getElementById("34")); } } }) </script> </body> </html>
05-28
这是因为在创建包含删除按钮的单元格时，使用了字符串而不是Vue模板。这样做会导致Vue无法将@click事件绑定到m2方法上。可以将创建单元格的代码重写为以下形式： ``` var htmlTableDataCellElement1 = document....
JavaScript中的Math.SQRT1_2属性使用简介
10-24
Math.SQRT1_2属性是JavaScript中的一个数学常数，代表了1/2的平方根，也就是根号下1/2。它是一个非常实用的数学属性，通常用于编程中需要进行特定数学运算的场景。Math.SQRT1_2的值大约等于0.***，是数学常数2的...
疯狂H5笔记 - DOM编程详解
qq_27905183的博客
11-10 415
1.通过节点关系来访问HTML元素：Node parentNode：返回当前节点的父节点 Node previousSibling：返回当前结点的前一个兄弟节点 Node nextSibling：返回当前节点的下一个兄弟结点 Node[] childNodes：返回当前节点的所有子节点 Node[] getElementByTagName(tagName)：返回当前节点的具有指定标签名的所有子节点
DOM之常用对象
mr_minlong的专栏
03-19 611
HTML DOM常用对象 Select对象属性： sel.options：返回当前select下的所有option对象的集合 sel.selectedIndex：获得当前select的选中项的下标位置 方法： 添加一个option：sel.add(opt)，等效于sel.appendChild(opt) 移除一个option: sel.remove(i) Option对象创建option对象：
javascript基础操作
hsliwei的专栏
06-21 3706
一、js的事件处理机制及dom模型         1、js的数据验证         2、dom模型：             (1)什么是dom?              document object model,将一个结构化的文档（比如              xml,html）转化为一棵符合dom要求的树。通过对树的        
javascript笔记
gukai0615的博客
10-13 292
1.什么是javascript？ JavaScript是运行在客户端的解释性脚本语言; 2.javascript作用： 1.表单验证 2.网页特效 3.ajax功能 3.javascript语法结构 1.引入外部的js文件，扩展名为.js 2.书写与文档内部 .... 3.javascript语法严格区分大小写，每行js代码“必须”以分号结尾； 4.变量
002-HTML元素之间的继承关系
ppwwp的专栏
03-05 1702
HTML文档是一种结构化文档，虽然HTML5为html文档增加了一些自由的格式，但浏览器去解析HTML5文档时依然会把它当成格式化文档进行处理，因此能使用DOM来操作HTML5文档。 DOM为常用的HTML元素提供了一套完整的继承体系。从页面的document对象到每个常用html元素，DOM模型都提供了对应的类，每个类都提供了相应的方法来操作DOM元素本身、属性及子元素。DOM模型允许以树的方...
Uncaught ReferenceError: xxx is not defined at HTMLTableRowElement.onclick
loren_123的博客
03-27 2860
// 正确的写法 append('<div onclick=goodsDetail('+data[k].id+')></div>')这样则不会 //这样写就会自动触发goodsDetail事件 append('<div onclick='+goodsDetail(data[k].id)+'></div>')， // 还有一个误区就是将good...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值