ie8原生js获取dom_原生js获取dom_js原生dom - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

【前端性能】必须要掌握的原生JS实现JQuery

很多时候，我们经常听见有人说jquery有多快多快。在这个各种类库满天飞的时候，不得不说的是，能有原生JS快吗？是的，明显原生JS要更快，因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西，考虑通用性必然会导致性能的损耗。当然，我不是提倡写代码纯用原生JS实现，我记得淘宝玉伯曾经说的一句话“框架能够让我们走的更快，但只有了解原生的JS才能让我们走的更远”。一些感（fei）想（hua）：原生的js，好比全真教的武功，一步步从基础开始（先练气再御剑），很长一段时间内和jquery

03

jQuery 介绍以及基本使用

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

03

您找到你想要的搜索结果了吗？

是的

没有找到

JS如何替换元素内容

http://mpvideo.qpic.cn/0bc3eaajwaaa4qaelx3bjvrvaigdtmqabgya.f10002.mp4?dis_k=4cf17def14cb58de5ca3ebc

02

Vue.js框架中权衡的艺术

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情

02

jQuery 的基本使用

jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。

05

jQuery 的基本使用

jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。

03

js如何引用同级元素

https://coder.itclan.cn/fontend/js/17-yinyong-tongji-elem/

04

Js如何实现升序和降序

在网页中,实现列表的升序和降序,是一个比较常见的操作,尤其是在做一些数据栓选表格的时候,按照索引,时间等特定的参数,提供升序和降序排列的功能的

02

你这磨人的小妖精——选中文本并标注的实现过程

但是现在问题来了，我们这是一个现成的react页面，是一个详情页，页面的内容是多个接口返回填进去的：

03

jQuery笔记(1) (多图)

即library,是一个封装好的特定的集合(方法和函数).从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如animate,hide,show,比如获取元素等/

01

Js如何删除所有子元素以及当前元素

在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的

04

React基础(4)-理清React的工作方式

前言在接触React之前,我们也许习惯了DOM编程,那它相比于原生JS,JQ编程方式,究竟有什么区别？React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工作方式的优点有

02

React学习(四)-理清React的工作方式

撰文 | 川川在接触React之前,我们也许习惯了DOM编程,那它相比于原生JS,JQ编程方式,究竟有什么区别？React的工作方式是什么样子的?所谓的虚拟DOM又指的是什么?以及React的工

03

性能直逼原生JS？这个前端框架牛逼了！

号称拥有 JSX 语法，类似于 React hook 的语法，可以用现代化的开发方式，获得性能最快的代码。

04

jQuery

jQuery就是为了更方便快速操作DOM，里面封装了很多方法，后续用jQuery对象调用这些方法即可。

05

前端系列 |原生JS和jQuery循环遍历函数

之前总是不清楚原生JS和jQuery中有哪些循环遍历函数，而且有时候还总是把原生JS方法当成jQuery方法来用，以致于项目总是报错，并且还不知道是什么原因。所以，觉得有必要总结出来，区分一下。

02

JQuery逐渐退出前端历史舞台？

现在各大技术论坛经常有类似的问题出现，PHP是否过时了，JQuery是否已经被淘汰？前段时间GitHub宣布改版，并且放弃了JQuery依赖，而且发布文章详细的解释了为什么放弃JQuery。这里贴下GitHub英文原版文章：

02

js之dom元素样式操作

document.defaultView.getComputedStyle(element[,pseudo-element]);

00

JQuery

写入口函数防止页面上的标签还没有被渲染出来，js代码就执行了不同于js，JQuery可以有多个入口函数

06

Preact -- React的轻量解决方案

本文使用starter-kit：steamer-react react分支。此分支已集成react与preact。背景最近接手了互动视频的项目，做了一个月的运营活动。跟基础功能不同，运营活动更为轻

05

jquery中attr()和prop()的区别

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。

02

jQuery事件

1. 常用事件 click() 鼠标单击 blur() 元素失去焦点 focus() 元素获得焦点 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发） ready() DOM加载完成示例代码: <script> $(function(){ var $li = $('.list li'); var $button = $('#button1') var $text = $("#text1");

08

Vue模板语法

渐进式的含义理解，从左到右递进关系，声明式渲染（最简单的模式）->组件系统（组件化）->客户端路由（局部更新，浏览器的历史回退功能）->集中式状态管理（Vuex做状态管理）->项目构建（大型项目，前后端分离）。

01

为什么越来越少的人用 jQuery？

最早期的开发，大多都使用jQuery，它给我们带来了很多的便利：快速选取元素，方便操作DOM元素的API，各个浏览器之间完美的兼容性，链式操作，动画、ajax等等都是jQuery为前端开发人员来带的好处。为什么现在越来越少人用了呢？我来分以下几点，阐述我的想法：

03

document.all的详细解释(document.all基本上所有浏览器可用！)

document.all是IE 4.0及以上版本的专有属性，是一个表示当前文档的所有对象的娄组，不仅包括页面上可见的实体对象，还包括一些不可见的对象，比如html注释等等。在document.all数组里面，元素不分层次，是按照其在文档中出现的先后顺序，平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象，比如document.all[“element”]这样。 document.layers是Netscape 4.x专有的属性，是一个代表所有由储如

<layer>等定位了的元素的数组。通常也是用

或<layer>对象的id属性来引用的，但是这里面不包含除此以外的其它元素。其实这两个属性没什么可比性，大概你经常看到他们同时出时，这有一个历史原因。在第四代浏览器出现的时候，标准相当混乱，Netscape和微软分别推出了它们的Navigator 4.x和IE 4.0，这两个浏览器的巨大差异，也使开发者面临了一个使网页跨浏览器兼容的噩梦。而document.layer和document.all分别是两者一个最显著的标志，为了确定浏览者使用的什么浏览器，通常用是否存在document.layers和document.all来判断。新的统一的标准用document.getElementById等系列方法来引用DOM对象，而且Netscape 6.0以后放弃了layers特征，虽然IE继续保留了document.all，但这最终没有成为DOM标准的一部分。希望document.layers和document.all能够早日作古，让标准早日深入人心！

02

初识--jQuery

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

04

jQuery 介绍

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

02

JavaScript进阶内容——jQuery

我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库

01

前端成神之路-01_jQuery

JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。

01

「jQuery」基础 - 01

请注意，本文编写于 2075 天前，最后修改于 173 天前，其中某些信息可能已经过时。

02

由重构进阶前端开发入门 (二) 事件与事件对象

掌握 DOM 的基本概念后，这次我们讲讲浏览器的事件和事件对象。再结合具体业务需求，通过例子展示事件相关的操作方法。

01

经常被问到的react-router实现原理详解

而且还经常会被xxx面试官问到，什么是前端路由，它的原理的是什么，它是怎么实现，跳转不刷新页面的...

02

为什么越来越少的人用 jQuery？

最早期的开发，大多都使用jQuery，它给我们带来了很多的便利：快速选取元素，方便操作DOM元素的API，各个浏览器之间完美的兼容性，链式操作，动画、ajax等等都是jQuery为前端开发人员来带的好处。为什么现在越来越少人用了呢？我来分以下几点，阐述我的想法：

02

经常被问到的react-router实现原理详解_2023-03-01

而且还经常会被xxx面试官问到，什么是前端路由，它的原理的是什么，它是怎么实现，跳转不刷新页面的...

02

如何用不到200行代码写一款属于自己的js框架

JavaScript 的核心是支持面向对象的，同时它也提供了强大灵活的 OOP 语言能力。本文将使用面向对象的方式，来教大家用原生js写出一个类似jQuery这样的框架。我们将会学到如下知识点：

05

jquery学习 --Day2 (jquery的基本使用)

jquery学习 --Day2 (jquery的基本使用) 区分DOM对象和jquery对象 DOM对象：用原生JS获取过来的对象是DOM对象 Jquery对象：用jquery的方式获取过来的对象是jquery对象，实质：通过$把DOM元素进行了包装(伪数组形式存储) DOM对象

fdsahfsjdiofdsfkas

<script> var div = document.querySelector('div'); console.dir(div);

01

Angular Elements 组件在非angular 页面中使用的DEMO

Angular Elements 是伴随Angular6.0一起推出的新技术。它借助Chrome浏览器的ShadowDom API，实现一种自定义组件。这种组件可以用Angular普通组件的开发技术进行编写，学习成本低，当它构建好后生成一个打包的js文件。如果页面引入该Js文件，就相当于在页面中新增了一个标签，所以在任意框架中都可以使用新标签，就像它是原生div一样。

02

H5C3第五节

但是 html5 新增了很多语义化标签, 一个个创建太麻烦了, html5shiv 插件很好的解决这个问题

01

Js如何实现当网页超过一屏时导航菜单始终置顶-吸顶盒效果

我们平时在逛一些电商网站时,无论是首页还是详情页,通常会有一个导航菜单石红跟随着页面,无论是页面滚动到中间还是底部

05

jQuery对象访问

( t h i s ) . g e t ( 0 ) 与 (this).get(0)与

04

「 [学习日记] vue拦截原理」

摘自vue文档官网当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。这些 getter/setter 对用户来说是不可见的，但是在内部它们让 Vue 能够追踪依赖，在

03

学习前端开发，不是学习前端框架，也不是学习前端工具。

打开招聘网站，随处可见的技能要求，熟悉angularJs，精通Vue，掌握react，精通html、css，熟悉原生Js，能够熟练使用NodeJs进行开发等...，使得很多前端新入者都以为，学会了这些就是学会了前端，学会了这些，就可以胜任前端开发的工作。结果自然是否定的，许多同学不管是自学还是培训，学完了一样找不着工作。许多同学把这种情况归罪于没有工作经验，认为自己的技能应该是ok的，只是用人单位一味的要求工作经验，导致自己不被录用。事实恰恰相反，用人单位正是看出“你不能胜任”前端开发工作，才不录用你。

07

毕业一年左右的前端妹子面经总结

嗯ennnnnn，，，，懒癌症拖延的毛病，趁着最后一个上班日赶紧把最近一周的面试做个总结(虽然我下周一才入职)，作为一位去年才毕业的前端妹子来说，其实还是个技术小白啦，近几年还是想在技术上能有一个很大的提升，而且不是说金三银四嘛(嘤嘤嘤，好像是真的)，所以在试水了两家公司之后，开启了我一周左右的面经之路，大大小小的公司都有面，我就是奔着涨知识和积累经验去的！！！加起来差不多10家公司左右吧，成绩自己也还挺满意的，拿到了6家公司的offer，大小公司也都有，像大华、华三，但是最终综合考虑的结果，去了一家自己面试体验最好的公司，至少也是一家上市公司啦~

02

原生JS滚动鼠标改变元素大小

今天要分享的是运用原生JS滚动鼠标改变元素大小，效果如下：以下是代码实现，欢迎大家复制粘贴。 <!DOCTYPE html> <html> <head> <meta http-equiv

02

vue 获取 DOM 元素的方法

因为每个 vue 的组件实例上，都包含一个 refs 对象，里面存储着对应的 DOM 元素或组件的引用。所以在默认情况下，组件的 refs 指向一个空对象。

03

我现在写jquery，你们会不会打我？？

jquery在设计之初都是围绕着核心思想write less do more来设计的。整体使用思路与原生js没有太大区别，所以jquery做的最多的一件事情就是简化原生js的代码量。选择器在操作dom上使用非常频繁，所以jq一定会简化选择器使用方式。原生选择器使用如下：

01

前端复制方案全覆盖！验证真机与生产代码完美一致！✨

网上讲粘贴复制的很多，讲清楚复制异步数据得很少，在真机上真正验证过得凤毛麟角，正巧工作上遇到了复制接口返回的数据这个问题，求助了很多人，没有太好的解决办法，最终通过修改交互实现了这个复制功能，故写篇文档记录一下，也分享给大家。

02

使用Js实现有趣的拖动黑白对比图片特效

Vue版本实现,与原生Js的实现,是非常相似的,在Vue里面获取元素的节点, 在DOM节点上添加ref,而在获取元素时,使用this.$refs, 方法写在methods里面,其他的与原生Js没有什么区别

04

有同学问了我一个很多前端都在担忧的问题

如图，这是今天一个先行者计划的成员，在同我聊天的时候提到的问题。这个问题确实是客观存在的，前端变化快，一会今天这个了，一会明天又那个了。 “我都有点动摇了，我原来还总鼓励他们别放弃，搞一阵之后自己也有想法了” 我在微信是这样回复他的，其实你细看，前端变的都是上层建筑，什么vue啊，react啊，这那的，，但这些框架都是对原生js的再封装。只要你原生 js很ok，那么你学习新框架是很快的。就例如我，我原生 js很ok，所以我学什么新的框架，都很快。一个新框架出来，无非是一套新js语法而已，核心还是那些

08

JS如何为表单聚焦控件设置醒目的样式

在用户填写表单时,为了让用户集中精力填写或某一个表单控件,可以通过设置此空间的样式来达到目的

05

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭