DOM中document.getElementById效率问题

最新推荐文章于 2021-11-21 01:03:21 发布
最新推荐文章于 2021-11-21 01:03:21 发布
阅读量3k 收藏
点赞数
分类专栏： js 文章标签： html
最近在使用中发现对于很多TD对象使用document.getElementById的方式获取时效率 会很低，我统计了一下时间，以1000个TD为例，如果用document.getElementById的方式遍历并更新TD中的内容，将消耗2秒左 右，如果直接使用DOM中的rows和cells属性来遍历，效率至少会提高5倍，看来HTML的界面处理真耗时啊。尽量的不要去使用 document.getElementById遍历单元格比较大的表格
原创文章如转载，请注明：转载自 悠悠博客 [ http://www.ajaxstu.com/ ]
本文链接地址： http://www.ajaxstu.com/archives/document.getElementById.html
Rhea.H
关注
专栏目录
document.getElementById()
07-21
document.getElementById()对象和使用方法
HtmlJavaScript的 getElementBYId和querySelector速度性能对比测试 2210011540
kfepiza的博客
10-01 794
本次测试再chrome中, getElementById比querySelector快3倍测试代码 结果截图
[Web前端应用]--Javascript最有用的方法之一：document.getElementById() 【难度 ★★★】...
Web_in的博客
06-11 509
document.getElementById("元素的id")是前端开发中最有用的方法之一，是面向对象的体现。其能获取指定id的HTML元素，是Javascript的重要方法。 例如，它能实现对某HTML元素中的值进行修改，或者实现讲Javascript中的变量值传递到HTML表单中，再提交到服务器端的Java或PHP当中，实现前端Javascript变量与后台的Java或PHP变量间的间...
document.getElementById详解
weixin_30902251的博客
09-25 295
document.getElementById详解<转载> 2009-08-21 16:21 document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是“ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才 是具体的值！ 参考资料： 1. document . ...
document.getElementById使用手册
weixin_30662849的博客
02-02 149
语法：oElement = document . getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。 如果无符合条件的对象，则返回 null...
浅谈vue中document.getElementById()拿到的是原值的问题
10-15
总的来说，本篇内容针对在Vue中使用`document.getElementById()`时遇到的问题提供了深入的分析和具体的解决方案，帮助开发者更好地理解Vue的工作原理以及如何在Vue项目中合理使用原生JavaScript DOM操作方法。...
TypeError document.getElementById(...) is null错误原因
09-03
`TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误，通常出现在尝试访问一个尚未加载或者不存在于DOM（文档对象模型）中的元素时。这个错误表示`document.getElementById`方法未能找到...
TypeError document.getElementById(…) is null错误原因
12-09
如果你在项目中使用了jQuery库，可以利用`$(document).ready`或简写形式`$(function() {...})`来确保代码在DOM准备就绪时执行。 ```javascript $(document).ready(function() { // jQuery 代码放在这里 var $...
js中document.getElementByid、document.all和document.layers区分介绍
10-28
尽管使用ID查找元素的方式与`getElementById`相似，但`document.all`并不遵循DOM标准，且在其他浏览器中不被支持。这导致了一个问题，即在编写跨浏览器的JavaScript代码时，必须考虑到IE的特殊性。 接着，`document...
各浏览器对document.getElementById等方法的实现差异解析
12-10
var $ = document.getElementById.bind(document); ``` `bind`方法可以创建一个新的函数，新函数在调用时`this`总是绑定到传入的第一个参数，这里是`document`。 需要注意的是，`bind`方法不是所有浏览器都支持...
document.getElementById使用介绍，看了定有收获
体会技术牛人的高傲
01-15 2032
定义和用法     getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。语法 document.getElementById(id)，这里的id是以字符串的形式标注说明     HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsB
JavaScript进阶笔记——DOM概念，获取元素的四种方法，创建元素的效率对比
追风者
07-29 357
DOM：（Document Object Model ），文档对象模型，是W3C组织推荐的处理可拓展标记语言（HTML、XML）的标准编程接口。 通过DOM接口可以改变网页的内容、结构和样式。 在DOM中： 文档：一个页面就是一个文档 元素：页面中所有标签都是元素 节点：网页中的所有内容都是节点 DOM把以上内容都看作是对象 获取元素： 1、根据ID获取 使用getElementById()可以获取带有id的元素对象。 参数id是大小写敏感的字符串，console.dir()..
前端面试题（14）
weixin_44978043的博客
11-21 125
131.如何使用jQuery来给一个元素添加 和删除class属性 $(selector).addClass(cllssName) $(selector).removeClass(className) 132.使用document.getElementById()和$(#id)哪种方式效率更高 document.getElementById()是原生js语法，直接调用JS引擎完成数据处理，效率更高。$(‘#div’)是jQuery对原生js的封装提供的函数，首先调用JS代码，然后调用JS引擎 尽管原生
js编程性能分析
zhanglongfei1016的专栏
01-16 522
javaScript做为解释性语言，其执行速度要比编译型语言慢很多，然后在开发中却有很多需要注意的地方 一。注意作用域 1.避免全局查找 function test1(){     var sArray=[];     for(var i=0;i             sArray.push(document.getElementById(i))//在作用域链中循环查找了10次
DOM初级小结
weixin_45685108的博客
11-07 128
DOM节点类型 dom节点（node）也可以称之为dom对象，分为六种类型： DocumentType 文档类型节点（<!DOCTYPE html>） Element 元素节点（标签节点） Attrinute 属性节点 Text 文本节点 Comment 注释节点 Document 文档节点（指整个页面） DOM节点关系 只获取节点时 parentElement 获取父元素节点 children 获取子元素节点 firstEl
document获取对象的三种三方法
止落
07-31 3667
Document对象中有几个常用的方法，我们在Dom简介中提到过。说到获取JavaScript对象的方法，最常用的可能就是getElementById了，它是Document中最常用的获取对象的方式之一，另外还有两个常用的获取对象的方法是getElementsByTagName 和getElementsByName。其中getElementById获取到的是单对象，而getElementsByNam
document.getElementById 你真正了解了吗？
热门推荐
冬天的蚊子
03-25 17万+
  text1：      text2：        我在IE中测试了上面的代码，在第一个文本框中输入1，在第二个文本框中输入2，然后点下面的两个按钮，猜一下结果是什么？我本意是按钮1返回第一个文本框的值，按钮2返回个文本框的值。结果是两个按钮都返回了第一个文本框的值。说明ie执行document.getElementById(elementName)的时候，返回的是第一个name或者
dom = document.getElementById("dateTxt"),
最新发布
12-06
可以使用以下代码获取id为dateTxt的元素节点： ```javascript dom = document.getElementById("dateTxt"); ``` 该代码使用了HTML DOM中的getElementById()方法，该方法可以通过元素的id属性获取元素节点。在上述代码中，我们将获取到的元素节点赋值给了变量dom。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值