javascript获取DOM对象三种方法

最新推荐文章于 2020-05-01 20:34:35 发布
最新推荐文章于 2020-05-01 20:34:35 发布
阅读量182 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/ALADL/p/9815964.html
版权

1. getElementByID()

getElementByID()方法可返回对拥有指定ID的第一个对象的引用

2. getElementByTagName()

getElementByTagName()方法可返回带有指定标签名的对象的集合

3.getElementByName()

getElementByName()方法可返回带有指定名称的对象的集合

转载于:https://www.cnblogs.com/ALADL/p/9815964.html

dihong7215
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js知识整理(四)----Dom对象获取节点的方法
Apple_Andy的博客
06-20 430
1.什么是DOM对象 全称是：Document Object Model, 即：文档对象模型，它定义了操作文档对象的接口 2.DOM节点分类node (1)结点的概念 在DOM模型中，整个文档就是由层次不同的多个节点组成，可以说结点代表了全部内容 (2)结点的类型 元素结点、文本结点和属性结点 <font id=“font1” color=“red”>hello DOM!</font> //font:元素结点 //id,color:属性结点 //hello DOM! :文本节点
javascript三种获取dom对象的方法
老杨的博客
09-05 6933
1、getElementById() getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。 function getValue() { var x=document.getElementById("myHeader") alert(x.innerHTML) } This is a header Click on the heade
原生JS获取HTML DOM元素的8种方法
daBai_Zzz的博客
12-05 370
记录一下原生JS获取HTML DOM元素的8种方法 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获取一个元素（querySelector） 通过选择器获取一组元素（querySelectorAll） 获取html的方法...
JS获取DOM元素的方法（8种）
08-13 569
原文地址：https://www.cnblogs.com/web-record/p/10131782.html JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClassName） 通过选择器获...
JavaScript 获取节点方法(DOM)
靠谱的汉语
01-26 117
  JavaScript 获取节点方法(DOM)   1、通过顶层document节点获取： document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点； document.getElementsByName(elementName)：该方法...
JavaScript实现获取dom中class的方法
12-09
本文实例讲述了JavaScript实现获取dom中class的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></...
JavaScript实现DOM对象选择器
11-23
①可以通过id获取DOM对象，例如 $(“#adom”);  ②可以通过tagName获取DOM对象，例如 $(“a”);  ③可以通过样式名称获取DOM对象，例如 $(“.classa”);  ④可以通过attribute匹配获取DOM对象，例如 $(“[data-...
JavaScript操作DOM对象 Day05
01-08
JavaScript操作DOM对象 0 核心 浏览器网页就是一个Dom树形结构！ 获取Dom节点：得到Dom节点 更新：更新Dom节点 添加：添加一个新的节点 删除：删除一个Dom节点 要操作一个Dom节点，就必须要先获得这个Dom节点。 1 ...
详解JS获取HTML DOM元素的8种方法
12-07
文档对象模型（Document Object Model），是W3...JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClass
Javascript操作dom对象之select全面解析
12-29
　<select id=university> 北京大学>北京大学 ...1.获取select对象； var university=document.getElementById(university); 2.获取select选中option的index值； var index=university.selectedIndex;
原生js获取DOM对象的几种方法
热门推荐
Dancy的博客......
06-15 5万+
通过id获取 &amp;amp;lt;div id=&amp;quot;box&amp;quot;&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt; &amp;amp;lt;script&amp;amp;gt; let box= document.getElementById(&amp;quot;box&amp;quot;); &amp;amp;lt;/script&a
Js的DOM编程获取标签对象的三种方式
N_Peng的博客
08-15 2430
Js的DOM编程获取标签对象的三种方式 一.DOM使用： 1.通过特定方法/特定属性控制标签对象 2.通过标签独享更改标签里面的属性火焰石，展示效果 二. 三种方式获取标签对象 1. 通过document的集合属性获取 1.1 document常用属性： all集合属性：获取页面中所有的标签对象,返回的集合列表 forms：获取页面中所有的form标签对象,返回集合列表 mages：获取页面中...
JavaScript中有关DOM取得元素节点的几种方法
John_shy的博客
10-20 469
<div id="box"> <ul class="list"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul class=...
RN5_DOM(react native 学习)
子敬的技术博客
02-04 1618
RN5_DOM DOM简介  DOM定义了访问和操作 HTML 文档的标准方法。 DOM的三部分： l  核心 DOM - 针对任何结构化文档的标准模型 l  XML DOM - 针对 XML 文档的标准模型 l  HTML DOM - 针对 HTML 文档的标准模型  XML DOM和HTML DOM XML DOM 定义了所有 XML 元
DOM常用的获取对象元素的方法[0302]。
MY128的博客
12-19 769
在DOM，常用的获取对象元素的方法[0302]。        在上一文[0301]中，我们通过getElementById方法来获取对象元素，让js可以调用实现网页中的&lt;button&gt;标签，实现按钮点击后的功能。        可是在正常的网页设计中，各种标签纷繁复杂，什么标签都有可能要在js中调用操作，比如&lt;input&gt;&lt;div&gt;……等等，单单一个get...
js操作DOM的方法总结整理
her的博客
05-01 4928
js操作dom主要分为增加、删除、修改、查找几个功能： 新增节点： var newNode=document.createElement("div"); //创建一个元素节点 var textNode=document.createTextNode("hello world!"); //创建一个文本节点 var cloneNode =newNode.cloneNode(true);//克隆一个...
JS中DOM元素的操作
不想写代码的一天
05-23 4万+
一、DOM元素的获取 1）document.getElementsByClassName ( “class”) 返回集 htmlcollection ,用法和数组一致 说明: class为DOM元素上class属性的值 2）document.getElementById( “id” ) 功能:返回对拥有指定ID的第一个对象的引用 返回值: DOM对象 说明: id为DOM元素上id属性的值 3)...
JavaScript基础10-DOM基础解释，DOM对象的三种关系；通过id，name，标签名获取dom对象
boss_way的博客
05-29 1430
DOM树解释：DHTML:HTML+CSS+DOM+JAVASCRIPT DOM树，常用标签： 基础点击事件：给字体加红色； 代码： 效果： HTML 节点的三种关系： 代码：获取父节点，字节点，上一个兄弟节点，下一个兄弟节点： 根据标签名称获取 节点对象数组； 可以通过id，name，标签名 获取dom对象 获取一个对象下的所有...
js 获取 dom对象的id
最新发布
05-30
可以使用 JavaScript 中的 `getElementById` 方法来获取 DOM 元素的 ID，示例代码如下： ``` var element = document.getElementById("myId"); ``` 其中，`myId` 是需要获取的元素的 ID。获取到的 `element` 变量就是该元素的 DOM 对象。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值