原生javascript中的一些方法

最新推荐文章于 2022-03-02 20:03:59 发布
最新推荐文章于 2022-03-02 20:03:59 发布
阅读量633 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yuluoqianmu/article/details/48728511
本文详细介绍了如何使用innerHTML属性来替换元素原有的所有子节点，outerHTML属性用于替换包括当前元素在内的所有内容，insertAdjacentHTML()方法可在指定位置插入HTML片段，以及如何通过readyState属性判断文档是否加载完成。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1，innerHTML属性，替换掉元素原来的所有子节点

2，outerHTML属性，替换包括当前元素本身的所有元素

3，insertAdjacentHTML()方法，接收两个参数，第一个参数是插入的位置，第二个参数是插入的html元素

第一个参数必须是以下各个值：

beforebegin:在当前元素之前插入紧邻的同辈元素

beforeend:在当前元素中插入第一个子元素即在第一个子元素之前插入

afterbegin:在当前元素之后插入紧邻的同辈元素

afterend:在当前元素的最后一个子元素之后插入

4，readyState属性，可以用来表示文档是否加载完成，readyState有两个值：loading:表示正在加载文档，complete:表示文档已经加载完成

原生js和jQuery操作类的整理
qq_42116266的博客
12-15 171
原生js操作类 #h5以前：className(不方便添加、也不方便删除) #h5以后：classList： 1. 添加一个类：元素.classList.add(类名)，添加多个，逗号隔开 2. 删除一个类：元素.classList.remove(类名)，删除多个，逗号隔开 3. 切换一个类：元素.classList.toggle(类名)，切换一个类 4. 判断是否有某个类：元素.classList.contains(类名) 5. 替换某个类：元素.classList.replace(类名) jQuery
原生js操作元素类名(classList,classList.add...)
Dcripple的博客
10-23 3751
1、classList classList属性是一个只读属性，返回元素的类名，作为一个DOMTokenList集合(用于在元素中添加，移除及切换css类) length:返回类列表中类的数量，该属性是只读的 <style> .lis { width: 200px; height: 100px; background-color: skyblue; } .box { width: 100px;
原生js操作元素类名—classList.add()、classList.remove()、classList.contains()、classList.toggle()
u011200562的博客
11-03 4099
原生js操作元素类名 classList.add( newClassName )； classList.toggle( className )； classList.remove( oldClassName )； classList.contains( oldClassName ); classList.add( newClassName )； 添加新的类名，如已经存在，取消添加 classList.contains( oldClassName ); 确定元素中是否包含指定的类名，返回值.
jQuery学习笔记（黑马课堂+补充）
新日暮里の小轩的博客
05-24 1659
JQuery学习笔记（自用） 1.DOM对象和jQuery对象 DOM对象：原生JS取到的对象 getElementsById() getElementsByTagName() 特点：只能调用Dom方法或者属性，不能调用JQuery属性或者方法 jQuery对象:利用jQuery选择器获取到的对象 > $(selector).action() > $(“选择器”);//里面需要加引号 特点：只能调用JQuery的方法或者属性，不能调用原生JS对象 JQuery对象是一个伪数组
jQuery笔记
xawjz的博客
05-06 208
jQuery 概述 jQuery是JavaScript一个封装好的特定的集合（方法和函数），简单理解就是一个js文件，里面对我们原生的js代码进行了封装，存放在里面。这样我们就可以快速高效的使用这些封装好的功能。 jQuery就是为了快速方便的操作dom，里面基本都是函数 概念 j 就是JavaScript ；Query查询；意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能 jQuery封装了JavaScript常用的功能模块，优化了DOM操作，事件处理、动画
原生javascript实现获取指定元素下所有后代元素的方法
12-07
本文实例讲述了原生javascript实现获取指定元素下所有后代元素的方法，分享给大家供大家参考。具体实现方法如下： 过去常用的循环递归的方式显得非常的麻烦，下面就分享一个比较简单的方式，使用原生的javascript...
原生JavaScript实现Ajax的方法
10-22
原生JavaScript实现Ajax的方法 Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过Ajax可以使得网页异步数据交互更为高效，提高用户体验。原生...
详解用原生JavaScript实现jQuery的某些简单功能
10-20
在原生JavaScript中，我们可以利用`getElementById`、`getElementsByClassName`和`getElementsByTagName`等方法来实现这些功能。例如，模拟`$('#div')`： ```javascript case '#': this.elements.push(document....
【JavaScript】第二十三天 (jQuery)
wu12378900的博客
03-02 519
jquery 1.1jQuey介绍 1.1.1javascript库 javaScript库：即 library ，是一个封装好的特定集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。 简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。我们可以快速高效的使用这些封装好的功能了。 比如jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。  &nbsp
js获取dom元素上所有的类名，增加类名，去除类名，切换类名(原生 vs jquery)
业余前端的职业经历
06-28 7620
我们都知道 一个元素可以写多个类名，每个类名之间使用空格隔开 <p class="p1 p2">hello world</p> 1.原生的方法 1.1.获取元素的类名 : el.classList 可以添加多个类名 中间空格隔开 var p=document.getElementsByTagName('p')[0]; console.log(p.classList） 1.2判断是否包括某个类名 el.classList.contains var p=document.ge
JS获取所有相同类名的元素
热门推荐
mituan1234567的专栏
02-19 2万+
http://www.ipuman.com/pm1/s13/152/index.html 在一个网页中，ID具有唯一性，而CLASS就可以重复使用。有些情况下，某些元素，我们使用同一个类classname来使它们保持一致性，当前端需要对它们动态处理的时候，我们希望能够以class来获取它们，而不是一一给它们赋予ID。下面是一个JS获取所有相同类名元素的函数。 view so
如何使用JavaScript更改元素的类？
asdfgh0077的博客
12-02 450
如何使用JavaScript更改HTML元素的类以响应onclick事件？
JS数组Array的全部方法汇总
kongjunchao159的博客
03-22 6287
//constructor属性 var arr = []; arr.constructor === Array //true //prototype属性 Array.prototype.max = function(){ var max = this[0]; for(var i = 1; i < this.length; i++){ if(this[i] > max){ max
原生js，JQuery查找元素，修改类名
渐行渐远
07-27 4593
原生js，JQuery查找元素，修改类名
JS 添加类名/删除类名
stone10086的博客
10-30 4055
为 元素添加 class:document.getElementById(“myDIV”).classList.add(“mystyle”);为 元素添加多个类:document.getElementById(“myDIV”).classList.add(“mystyle”, “anotherClass”, “thirdClass”);为 元素移除一个类:document.getElement
原生js数组对象 && js的字符串数组的使用
key的博客
06-10 445
———————————————————————————————————— 字符串数组 //1.先创建一个数组对象 var city = []; //2. 字符串数组的创建 city["中国"] = ["北京","上海"]; //3.查看字符串数组 alert(city["中国"][0]); ...
原生JS操作DOM元素的类名class
weixin_34162629的博客
12-03 1663
1.classList 详见MDN Element.classList add( String [, String] )添加指定的类值。如果这些类已经存在于元素的属性中，那么它们将被忽略。remove( String [,String] )删除指定的类值。item ( Number )按集合中的索引返回类值。toggle ( String...
美团前端面试题及答案
雨落千木的时节
09-01 6688
1.如何去除浮动？ 方法一：使用一个空的div 方法二：overflow:hidden 方法三： display:inline-block; 方法四： position:absolute; 方法五：float:left; 方法六： zoom:1 方法七：after伪类+content方式 2.jsonp原理和缺点：利用在页面中创建节点的方法向不同域提交HTTP请求，代码如下： v
Http请求过程中，get和post请求方式的区别
雨落千木的时节
09-13 857
请求参数在传递的过程中方式不g同。 如果是getfan
原生JavaScript直接处理Excel文件的方法
资源摘要信息:"本篇文档详细介绍了如何使用原生JavaScript（原生js）来处理Excel文件，强调了这种方法无需依赖后端服务进行预解析，非常适合那些希望仅使用前端技术就可处理Excel文件的场景。文档中提到了一个名为'...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值