document获取对象三方法

最新推荐文章于 2024-04-16 18:09:03 发布
最新推荐文章于 2024-04-16 18:09:03 发布
阅读量1.7w 收藏 6
点赞数
分类专栏： javascript 文章标签： javascript getElementById getElementsByName getElementsByTagName
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/magi1201/article/details/43974171
版权

   

    Document对象中有几个常用的方法，我们在Dom简介中提到过。说到获取javascript对象的方法，最常用的可能就是getElementById了，它是Document中最常用的获取对象的方式之一，另外还有两个常用的获取对象的方法是getElementsByTagName 和getElementsByName。其中getElementById获取到的是单对象，而getElementsByName和 getElementsByTagName 获取到的都是集合。

   

    现在我们有一个form表单，内容为

<html>
	<head>
		<title>Demo</title>
	</head>
	<body>
		<form id="form1" action="#">
			<a href="http://www.baidu.com/" name="clj" id="baidu">百度</a></br>
			<a href="http://www.google.cn/" name="clj" id="google">谷歌</a></br>
			<a href="http://www.gougou.com/" name="clj" id="gougou">狗狗</a></br>
		</form>
		
		<script>
			
		</script>
	</body>
</html>

    接下来，

最低0.47元/天 解锁文章
姜小白-
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Document 对象的常用方法
09-05
本文将深入探讨Document对象的常用方法，这些方法在DOM（文档对象模型）操作中至关重要。 首先，我们来看`getElementById(id)`方法。此方法根据指定的ID值来查找页面中的元素。例如，如果你有一个ID为'divid'的`...
XML及使用dom4j解析XML
m0_63647215的博客
04-13 747
常见XML解析方法有两种 1.DOM：要求解析器将整个XML文件全部加载到内存中，生成一个Document对象 优点：元素和元素之间的结构，关系，可以针对元素进行增删查改操作 缺点：如果XML文件过大，可能会导致内存溢出 2.SAX：是一种速度更快，更加高效的解析方式，她是逐行扫描，边扫描边解析，并且以事件驱动的方式来进行具体的解析，每解析一行，都会出发一个事件。 优点：不会出现内存溢出，可以处理大文件 确定：只能读，不能写 解析器就是根据不同的解析方式提供具体的实现，为了方便开发人员来解
如何获取document对象
Hello什么来着？
05-10 2694
图解过程 代码实现 @Test public void test1() throws Exception { File file=new File("E:\\newjavacode\\XMLandDOM\\src\\Dom\\Contact.xml"); DocumentBuilderFactory factory=DocumentBuilderFactory.newInstance...
JavaScript学习之document对象-获取元素方法
最新发布
林林一928的博客
04-16 1336
讲述document对象获取元素的方法：document.querySelector()， document.querySelectorAll()， document.getElementsByTagName()，document.getElementsByClassName()， document. getElementsByName()， document.getElementById()
document节点对象的获取方式
ma451152002的专栏
12-24 3448
/* document节点对象的获取方式： */ //第一种，通过id获取 function documentDemo(){ var tableNode = document.getElementById("tab_id"); tableNode.style.border = "5px solid #00ff00"; } //第二种，通过name属性
【Java 进阶篇】JavaScript DOM Document对象详解
繁依Fanyi的博客
10-17 1117
DocumentDocument对象是DOM的核心，代表整个HTML文档。通过Document对象，您可以获取元素、创建新元素、写入文本、处理事件以及修改元素的样式。这些功能使JavaScript能够与网页内容互动，实现动态和交互性的网页。无论是更改文本内容、更新样式、添加交互事件，还是创建新的元素，Document对象都是前端开发不可或缺的工具之一。希望这篇博客对初学者有所帮助，使他们更好地理解Document对象及其用途。
DOM基础
m0_53644435的博客
12-01 608
一、初识Web API Web API是浏览器提供的一套操作浏览器功能和页面元素的接口。JavaScript语言由3部分组成，分别是ECMAScript、BOM和DOM，其中ECMAScript是JavaScript语言的核心，而Web API包括BOM和DOM两部分。 ...
document 文挡对象 - JavaScript脚本语言描述
guang_ge的专栏
04-22 1211
document 文挡对象 - JavaScript脚本语言描述———————————————————————注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 “引用的元素为空或者不是对象/////”———————————————————————对象属性document.title //设置文档标题等价于HTML的title标签docum
document三个方法获取对象
A_JOKER___的博客
11-02 1268
主要方法 getElementById方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> /* 需求;当用户点击了较验按钮，要获取输出框中的内容。然后验证其是否合法。
document获取对象的三种三方法
止落
07-31 3623
Document对象中有几个常用的方法，我们在Dom简介中提到过。说到获取JavaScript对象的方法，最常用的可能就是getElementById了，它是Document中最常用的获取对象的方式之一，另外还有两个常用的获取对象的方法是getElementsByTagName 和getElementsByName。其中getElementById获取到的是单对象，而getElementsByNam
JavaScript中document的四种方法
热门推荐
qiangzhogshou的博客
11-26 1万+
1、document的getElementById()方法 <body> <a id="first">a标签链接</a> <script> var element = document.getElementById("first"); console.log(element); </script> </body>...
jQuery获取iframe的document对象的方法
10-25
获取iframe的document对象进行dom的操作，实现方法很多，下面是jquery的实现过程，喜欢玩iframe的朋友可以参考下
document节点对象的获取方式示例介绍
09-04
以下是一些获取`document`节点对象的主要方法，通过这些方法我们可以获取到页面上的特定元素进行操作。 1. **通过ID获取**： `getElementById()`方法是获取页面上具有指定ID的唯一元素。在示例中，`documentDemo()...
Document 对象常用方法(getElementById、getElementsByName、getElementsByTagName....)
heitu_的博客
12-28 1万+
document对象常用的六种方法用法及注意点
DOM概念、获取元素、修改元素、添加删除元素及其案例
qq_44791674的博客
09-17 586
DOM概念 DOM（Document Object Model）:文档对象模型 通过开发者工具可以看到 整个文档是由一系列的节点对象组成的一棵树 节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3） Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的 nodeValue=null getAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2） 节点名称就是属性名，节点值就是属性值 Txt1是一个文本节点（3），节点名称固定
javascript怎么获取元素并删除
07-13 3002
javascript获取并删除元素的方法：首先使用“document.querySelector(元素名)”或“document.getElementById(id值)”语句获取元素对象；然后使用“元素对象.remove()”语句删除元素。 本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。 javascript获取并删除元素的方法 <!DOCTYPE html> <html> <head> <meta c.
JavaScript获取标签的几种方式
若有所执，必有所成，心之所向，必显光芒
01-20 7877
JavaScript获取标签：1.通过标签id来获取标签，2.通过标签名获取标签，3.通过class获取标签，4.通过选择器找到所有符合条件，5.几种获取特殊标签的写法
通过document对象的方法获取标签对象
weixin_57219176的博客
09-05 1560
通过document对象的方法获取标签对象
通过document集合属性获取标签对象
weixin_57219176的博客
09-05 440
通过document集合属性获取标签对象
document对象的方法
07-25
`document`对象是JavaScript中表示当前文档的对象，它提供了许多方法来操作和操纵文档的各个部分。下面是一些常用的`document`对象的方法： 1. `getElementById(id)`：通过元素的id属性获取对应的元素节点。 2. `getElementsByClassName(className)`：通过类名获取元素节点的集合。 3. `getElementsByTagName(tagName)`：通过标签名获取元素节点的集合。 4. `querySelector(selector)`：通过CSS选择器获取符合条件的第一个元素节点。 5. `querySelectorAll(selector)`：通过CSS选择器获取符合条件的所有元素节点。 6. `createElement(tagName)`：创建一个指定标签名的元素节点。 7. `appendChild(node)`：将一个节点添加为另一个节点的子节点。 8. `removeChild(node)`：从文档中移除一个节点。 9. `setAttribute(name, value)`：设置元素节点的属性。 10. `getAttribute(name)`：获取元素节点的属性值。 11. `innerHTML`：获取或设置元素节点的HTML内容。 12. `innerText`：获取或设置元素节点的文本内容。 13. `addEventListener(event, function)`：为元素节点添加事件监听器。 这些方法只是`document`对象提供的一部分，还有很多其他方法可以用于操作和修改文档的各个方面。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值