(四)document对象及HTML元素操作

最新推荐文章于 2022-04-25 18:00:17 发布
最新推荐文章于 2022-04-25 18:00:17 发布
阅读量403 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l93919861/article/details/90338819
版权
1.document.getElementById(“id的值”)

该方法返回单个元素，因为html中id只能是唯一的

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" >
    <title>JS事件</title>
    <script type="text/javascript">
        function change(){
            alert(document.getElementById("test"));  //document可以直接使用
        }
    </script>
</head>
<body>
用户名：<input type="text" id="test" value=""><br>
密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" name=""><br>  //&nbsp
<input type="button" name="" id="" value="提交" onclick="change();">
</body>
</html>
2.document.getElementsByName(“name属性值”)

通过name属性值：document.getElementsByName(“name属性值”)；该方法返回一个元素对象集合

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JS事件</title>
<script type="text/javascript">
	function change(){
		 alert(document.getElementsByName("test"));
	}
</script>
	</head>
	<body>
		用户名：<input type="text" id="test" name="test" value="test" /><br>
		密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" name="test" /><br>
		<input type="button" name="" id="" value="提交" onclick="change();"/>
	</body>
</html>
3.document.getElementsByTagName(“标签名称”)

通过标签名：document.getElementsByTagName(“标签名称”);该方法返回一个元素对象集合

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JS事件</title>
<script type="text/javascript">
	function change(){
		 alert(document.getElementsByTagName("input"));
	}
</script>
	</head>
	<body>
		用户名：<input type="text" id="test" name="test" value="test" /><br>
		密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" name="test" /><br>
		<input type="button" name="" id="" value="提交" onclick="change();"/>
	</body>
</html>
l93919861
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript学习笔记之document和innerText、innerHTML
Coder的不平凡
09-17 1万+
Javascript中我们最常用的对象就是document对象 Document对象： 每个载入浏览器的html文档都会成为document对象。我们可以利用document对象访问HTML中的元素。 一、document.getElementById() 通过id来获取相应的值
document 对象(DOM)---获取元素
小白的博客
07-24 5143
document 对象(DOM)—获取元素 文档对象模型DOM(Document Object Model)定义访问和处理 HTML文档的标准方法。 DOM 将HTML文档呈现为带有元素、属性和文 本的树结构(节点树)。 获取元素 通过ID获取 getElementById()方法 getElementByName()方法 getElementByTagName()方法 g...
Html怎样转换为document,html中的document对象是什么？
weixin_39860280的博客
05-31 1069
首先我们来介绍一下HTML中的document对象：文档对象(document)代表浏览器窗口中的文档，该对象是window对象的子对象，由于window对象是DOM对象模型中的默认对象，因此window对象中的方法和子对象不需要使用window来引用。通过document对象可以访问HTML文档中包含的任何HTML标记并可以动态的改变HTML标记中的内容。例如表单、图像、表格和超链接等。再来看看...
html的document操作
影子
04-15 2519
代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>document测试</title> <!-- DOM操作--- 如何添加、移除、移动、复制、创建和查找节点等 （1）创建新节点 createDocumentFragment()//创建一个DOM片段 createElemen...
JavaScript进阶（三）document对象及HTML元素操作
jwang的博客
11-06 7088
前言       本章将学习document对象以及其操作html元素的相关知识，本章知识尤为重要！ 方法 1.概念 严格的意义上来将，document对象是window对象的一个属性，浏览器对外提供的支持js的用来操作HTML文档的一个对象，此对象封存的HTML文档的所有信息。 2.document获取html元素对象 看过CSS入门的同学应该都还记得，CSS有专门的选择器来标识ht...
html document自动加载,document.html
weixin_29732737的博客
05-31 572
netnrf响应式框架z.Grid()方法、属性与官方的文档基本一致var gd1 = new z.Grid();gd1.isinit //第一次为 true ,绑定完成后始终为 falsegd1.id //表格容器#ID，默认 #Grid1gd1.type //表格类型，默认 datagrid ，支持：datagrid、treegrid、propertygrid、datalistgd...
第十一讲 dom对象（document对象的常用方法、三种访问页面元素的区别、页面的显示与隐藏、二级菜单、选项卡、多选框、新增获取dom元素API）
Fiki515的博客
04-24 990
一、什么是DOM？ 概念：文档对象模型（Document Object Model） 通过DOM可以动态改变文档内容 二、document对象的常用方法 方法 描述 getElementById() 返回对拥有指定id的第一个对象的引用 getElementsByName() 返回带有指定名称的对象的集合 getElementsByTagName()
JavaScript之document对象获取元素
zhouym_的博客
06-04 7969
document对象 概述：浏览器对外提供的支持js操作HTML文档的一种对象，这个对象封装了HTML文档中的所有对象。当HTML文档一执行，就会创键document对象，把HTML文档中的所有信息封装到document对象中，我们要获取HTML文档中的信息，只需要操作document这个对象即可。 获取元素属性，两种方式 直接获取 <!DOCTYPE html> <html&g...
JavaScript基础语法、dom操作树及document对象
10-25
1. **查找元素**：document对象提供了多种方法来获取页面中的元素，包括getElementById()通过元素ID获取元素、getElementsByName()通过元素名称获取一组元素、getElementsByTagName()通过元素标签名获取一组元素。...
html的DOM中document对象images集合用法实例
09-03
在HTML的Document Object Model (DOM) 中，`document` 对象是整个HTML文档的顶级对象，它提供了访问和操作HTML元素的方法。其中一个重要的属性是 `images` 集合，这个集合包含了文档中所有 `<img>` 标签所表示的图像...
html的DOM中document对象anchors集合用法实例
09-03
在DOM中，document对象有一个名为anchors的集合属性，它包含文档中所有名为“a”的元素，即锚点，这些元素具有name属性。 document.anchors集合是一种HTMLCollection类型，它返回一个包含文档中所有具有name属性的...
JS document对象简单用法完整示例
10-15
- `document.createElement()`：创建新的HTML元素。 - `document.createTextNode()`：创建文本节点。 - `appendChild()`/`removeChild()`：向元素添加或删除子节点。 - `innerHTML`/`outerHTML`：获取或设置元素...
JS document form表单元素操作完整示例
10-15
在JavaScript中，对HTML表单元素的操作是网页交互的核心部分。`document.form` 提供了访问和操作页面中表单的途径。以下是对标题和描述中提到的知识点的详细解释： 1. **获取表单对象**： - **方法一**：通过ID...
JavaScript-DOM-document对象访问元素(补充篇)
十二的博客
04-25 264
JavaScript-DOM-document对象访问元素(补充篇)
document对象查找HTML元素
weixin_46990454的博客
12-16 2029
通过id查找 使用document.getElementById(“id”)的方法可以通过id获取HTML页面的元素。其中参数id为必填项，是字符串类型。返回值类为对象，如果没有符合条件的对象，则返回null。 <body> <p id="text">hello world</p> <script type="text/javascript"> var obj = document.getElementById("text"); alert(obj
认识Javascript中的Document对象以及如何用三种方法访问元素对象
你为什么不努力的专栏
04-11 3011
Document对象是客户端javascript中最常用的对象。 主要的方法： close():关闭由open()方法打开的文档 open():产生一个新文档，覆盖已有文档 write():把文本写入当前打开的文档中 writeln():把文本写入当前打开的文档中，并附加一个换行符 主要的属性： alinkColor,linkColor,vlinkColor:分别代指被激活的
js学习总结----DOM获取元素的方法（8个）
weixin_30687587的博客
06-20 1267
DOM:document object model 文档对象模型 DOM就是描述整个html页面中节点关系的图谱，可以如下图理解 在DOM中，提供了很多的获取元素的方法和之间关系的属性以及操作这些元素的方法。 1、获取页面中元素的方法 　　1）、document.getElementById('元素的ID') 在整个文档中，通过元素的ID获取到这个元素对象(获取的是一个...
HTML DOM文档对象查找元素的方法
我的博客
09-03 7263
一、HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档节点。 所有的HTML元素都是元素节点。 所有 HTML 属性都是属性节点。 文本插入到 HTML 元素是文本节点。are text nodes。 注释是注释节点。 二、Document 对象 　　当浏览器载入 HTML 文档, 它就会成为 D...
毕业设计，基于SpringBoot+Vue+MySQL开发的音乐网站，源码+数据库+论文答辩+毕业论文+视频演示
最新发布
08-20
毕业设计，基于SpringBoot+Vue+MySQL开发的音乐网站，源码+数据库+论文答辩+毕业论文+视频演示 随着信息技术在管理上越来越深入而广泛的应用，管理信息系统的实施在技术上已逐步成熟。本文介绍了音乐网站的开发全过程。通过分析音乐网站管理的不足，创建了一个计算机管理音乐网站的方案。文章介绍了音乐网站的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。 本音乐网站管理员功能有个人中心，用户管理，歌曲分类管理，歌曲信息管理，管理员管理，系统管理等。用户可以注册登录，试听歌曲，可以下载歌曲。因而具有一定的实用性。 本站是一个B/S模式系统，采用Spring Boot框架，MySQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得音乐网站管理工作系统化、规范化。本系统的使用使管理人员从繁重的工作中解脱出来，实现无纸化办公，能够有效的提高音乐网站管理效率。 关键词：音乐网站；Spring Boot框架；MySQL数据库
Document对象详解：HTML元素与锚点操作
在HTML文档中，Document对象扮演着核心角色，它代表了浏览器窗口中的整个文档结构，包括HTML元素、超链接、锚点和图像等。本文将深入解析Document对象的使用及其特性。 首先，Document对象是浏览器环境下的核心对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值