首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS获取html对象的几种方式说明

大家好,又见面了,我是全栈君 document.getElementById(“zx”); 通过ID获取html元素对象,ID号在html文档当中应该是唯一的。返回的是唯一element对象。...document.getElementsByTagName(“span”)[0]; 通过标签查找html对象,由于html标签在一个页面中可能重复很多次,所以当前页面返回的是一个数组。...document.getElementsByName(“hh”)[0]; 通过name属性来定位html对象,但是并不是所有标签都有name属性,但是我们可以人为的加上name属性,这样也可以定位到,由于...所以这个方法返回的也是一个数组,同样我们也可以根据html当中name的位置,进行对name的定位。IE系列不兼容,不推荐使用。...innerHTML:这个方法是获取html元素的具体html代码 document.getElementById(“zx”).innerHTML; 还可以更新元素的html代码: document.getElementById

4.7K20

js获取html元素之document.documentElement

document.documentElement Document.documentElement 是一个会返回文档对象(document)的根元素的只读属性(如HTML文档的 元素)。...对于任何非空 HTML 文档,调用 document.documentElement 总是会返回一个 元素,且它一定是该文档的根元素。借助这个只读属性,能方便地获取到任意文档的根元素。...参考文档 html中document.body 与 document.documentElement的区别如下: 1. document.body 返回html dom中的body节点 即...2. document.documentElement 返回html dom中的root根节点 即 页面指定了 DOCTYPE 时,使用 document.documentElement,...以HTML超文本标记语言为例:整个文档的根可在DOM中使用document.documentElement来访问它,它就是整个节点树的根节点。

6.7K30

如何用 JS 一次获取 HTML 表单的所有字段 ?

---- 问:如何用 JS 一次获取 HTML 表单的所有字段 ?...考虑一个简单的 HTML 表单,用于将任务保存在待办事项列表中: 用户名 <input type="text" id...用户单击“提交”按钮后,我们如何从此表单中获取所有数据? 有两种方法:一种是用黑科技,另一种是更清洁,也是最常用的方法。为了演示这种方法,我们先创建form.js,并引入文件中。...从事件 target 获取表单字段 首先,我们在表单上为Submit事件注册一个事件侦听器,以停止默认行为(它们将数据发送到后端)。...总结 要从HTML表单中获取所有字段,可以使用: this.elements或event.target.elements,只有在预先知道所有字段并且它们保持稳定的情况下,才能使用。

5K20
领券