获取元素，动态添加、删除元素以及getElementByTagName、和getElementByClassName）的用法

最新推荐文章于 2022-10-12 22:57:17 发布
最新推荐文章于 2022-10-12 22:57:17 发布
阅读量1.4k 收藏 2
点赞数 4

1.获取元素
（1）getElementById
根据元素的id属性来获取元素，获取到的是一个元素
（2）getElementByTagName
根据标签名来获取元素，结果是一个元素集合
（3） getElementByClassName
根据class属性来获取元素，结果是一个元素集合
（4） getElementByName
根据name属性来获取元素，结果是一个元素集合
总结：
获取元素可以根据标签名来获取、也可以根据id、name属性来获取，根据id属性获取的是一个元素，其他的都是一个集合

2.动态添加删除元素
（1）createElement 创建一个元素
CreateElement（”p”）,创建一个段落
（2）createTextNode创建一个文本节点
CreateTextNode（“文本的内容”），创建一个值为“文本内容”的文本节点
（4） appendChid 添加一个子节点

CL有木
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript getElementByTagName的使用
10-29
javascript getElementByTagName当鼠标放上去时将超链接的颜色设为蓝色的。
HTML5 Element.getElementsByClassName()方法在Chrome中返回HTMLCollection对象，《JavaScript高级程序设计》(第三)勘误P289
HayPinF的博客
11-14 752
《JavaScript高级程序设计》(第三版)P289，HTML5为包括document的所有HTML元素，也就是Element对象增加了getElement
原生JS实现元素的getElementsByClassName()方法,适用于多个类名
JMission的专栏
03-13 7625
原生JS实现getElementsByClassName() window.onload = function() { var oUl = document.getElementById('ull'); function getElementsByClassName(obj,classname){ var result = []; var aEls = document.getEl
JavaScript
qq_52060072的博客
08-27 4979
JavaScript基础笔记
getElementBy系列
gscaiyucheng的专栏
08-15 1万+
getElementBy系列 WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName_r()访问DOCUMENT中的任一个标签 1、getElementById() getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置
getElementsByClassName()的详细用法
caa112的博客
10-11 6万+
1.document.getElment(“id”).getElementsByClassName(“class”) 例子： html: <div id="Paris" class="tabcontent"> <span class="topright">&times;</span> </div> js: var Id=document....
document.getElementByclassName（）方法
热门推荐
boat_sea的博客
04-29 23万+
document.getElementByclassName（）方法;使用指定的calss属性值返回相关元素的集合(节点列表)使用getElementByclassName（）方法，使用指定的calss属性值(名称)返回当前文档中所有相关元素的集合(节点列表对象)。节点列表对象代表了收集到的所有相关节点，可以使用序列号(index)访问节点列表，index的值从0开始。注：使用节点列表对象的len...
getElementBy....（获取元素）
哈哈
05-02 4743
一、getElementById <div id="time"> 2021-5-2 </div> <script> var timer = document.getElementById('time'); console.log(timer);//得到id为time的div console.dir(timer); // 通过dir获取timer对象的属性和方法 console.log(typeof timer);// timer类型的
JS中几个getElementByXXX方法的区别
zerolea的博客
10-12 1680
JS中几个getElementByXXX方法的区别
getElementsByClassName用法
biaoboke的博客
11-14 3万+
在学习JavaScript过程中，遇到的一点小问题，希望及时与大家分享，有不妥之处请不吝赐教。
原生JS实现列表子元素顺序反转的方法分析
12-10
本文实例讲述了原生JS实现列表子元素顺序反转的方法。分享给大家供大家参考，具体如下： 编写一个函数将一个列表里面的所有子元素顺序反转，问题不难但是解决的方法却有多种，而且性能大不一样，下面就介绍几种常用...
js从外部获取图片的实现方法
01-21
图片ping:图片可以从任何URL中加载，所以将img的src设置成其它域的URL，即可以实现简单的跨域，可以使用onload和onerror事件来确定是否接受到了响应 var img=new Image(); img.onload=img.onerror=function(){ ...
基本DOM节点操作
11-26
getElementByTagName()：获取指定元素标签名的元素数组。 getElementByName()：获取具有指定属性name的元素数组。 2、子节点 element.childNodes：返回该元素的子节点数组。注意：换行在浏览器中作为text节点，需要...
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
weixin_46065214的博客
08-17 1万+
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
getElementsByClassName() 定义与用法
LdleFlsh的博客
06-15 7483
getElementsByClassName() 方法 定义和使用 getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。 NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。 提示： 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。 浏览器支持 谷歌4.0 ie浏览器9.0 ..
JavaScript getElementsByClassName()方法介绍
路虽远，行则必至！
06-25 2万+
根据元素的class属性值查询一组元素节点对象 getElementsByClassName()可以根据class属性值获取一组元素节点对象，但是该方法不支持IE8及以下的浏览器 注意：这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中，如下图： 我们若要查找具体元素，就必须使用索引，如下图： 我们可以通过length属性，获取其长度，如下图： 我们可以通过innerHT...
四个常用DOM方法（getElementById、getElementByTagName、getAttribute、setAttribute）
ytt1120的博客
07-26 2741
DOM脚本的基石
JavaScript中获取元素使用的getElementByID()、getElementsByName()、getElementsByTagName()三者的用法和区别
不会下雨的云的博客
08-14 2539
在JavaScript中，我们可以通过使用getElementByID()、getElementsByName()、getElementsByTagName()这三者来分别获取document中的元素。那么，这三个东西的用法和区别分别是什么呢？ getElementById()：根据标签的ID属性来获取网页中的单个元素 getElementsByName()：根据标签的name属性获取网页中的多...
node-v0.8.10-sunos-x64.tar.gz
最新发布
05-16
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
利用document.getElementByTagName方法实现document.getElementByClassName功能
07-15
document.getElementByTagName方法是用来通过标签名获取元素的，而document.getElementByClassName方法是用来通过类名获取元素的。它们是两个不同的方法，不能直接通过document.getElementByTagName方法实现document...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值