document.form.xx和document.all.xx和document.getElementById(“xx“)和$(“#xx“)的区别

最新推荐文章于 2021-06-30 17:21:26 发布

原创最新推荐文章于 2021-06-30 17:21:26 发布 · 454 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #js

前端专栏收录该内容

11 篇文章

订阅专栏

本文对比了多种DOM对象获取方式，包括document.form.xx, document.all.xx, document.getElementById, jQuery选择器, document.querySelector等，详细解释了它们的区别和适用场景。

document.form.xx

document.form.xx是获取表单中的元素对象，适用于表单和表单中的控件。

document.all.xx

document.all.xx是获取窗口中对应的控件，使用范围比document.form.xx大，document.form可以看成是document.all的子集。

document.getElementById(“xx”)

document.getElementById(“xx”)可以直接获取当前对象。

$("#xx")

jQuery利用 $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id")获取的是一个[obje\dots$ ("#id")[0]或者$("#id").get(0)获取真实对象。

document.querySelector("#xx")

document.getElementById后面可以接纯数字的id名，
而document.querySelector后面不可以接纯数字的id名，是在某个dom下寻找相应的选择器的元素。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CRY_HelloWorld_CRY

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

错误提示 : InflateException: Binary XML file line #XX: Error inflating class fragment

海涛的博客

03-08

1381

报错场景：InflateException: Binary XML file line #XX: Error inflating class fragment xml布局引用多个fragment,代码如下 //父类BaseFragment引用子类布局方式 ,baseLl为父类布局 if (setLayoutId() != 0) { View nView = LayoutInflater.from(getContext()).inflate(setLayoutId(), baseLl, fal

document.all和document.forms

David

10-12

353

document.all：包括页面上的所有FORM的内容和设计元素。document.forms[0]：是指的当前表单。在实际的应用中，如果页面上只有一个form可以用document.forms[0]，如果有多个form document.all比较适用。...

参与评论您还未登录，请先登录后发表或查看评论

java 获取文件_JAVA获取文件的几种常用方式

weixin_39654751的博客

02-12

522

1、user.dirSystem.out.println(System.getProperty("user.dir"));此方获取的是运行的路比如1、2、如果在eclipse上运行则是eclipse运行文件同级3、tomcat则在4、File file =newFile("log4j.properties");这里的log4j.properties也是在以上类型的目录下查找5、FileInpu...

Ubuntu中脚本命令执行. xx和./xx的区别

愷风（Wei）的专栏

03-30

3431

今天继续在看Building Linux Embedded Systems一书，进入第四章，有一些实际的操作，其中在介绍了良好的组织架构（文件夹）后，建议些一个script可以进行不同的开发环境。里面很简单，包括一个export和cd的命令，这个脚本假设为export PROJECT=/home/aaa/project1cd $PROJECT并取名字为 test我执行$ ./te

[web编程]document对象详解

aaa8825121的专栏

09-06

351

[web编程]document对象详解 document 文挡对象 - JavaScript脚本语言描述 --------------------------------------------------------------------- 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 "引用的元素为空或者不是对象" ---------...

document.forms[] 与 document.getElementsByName的区别

天天成长的博客

03-01

201

是在ie6环境下测试的 [code="java"]var obj = document.forms[1].recName; alert(obj.length) var obj=document.getElementsByName("recName"); alert(obj.length)[/code] 当recName仅有一个的时候，[code="java"]var obj = docu...

Document和Document.all区别分析

09-06

总结来说，`Document` 和 `Document.all` 的主要区别在于，`Document` 是现代Web开发的标准接口，提供了更安全、更高效的方法来访问和操作文档元素，而 `Document.all` 是一个遗留的属性，主要用于兼容旧版本的...

document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById

12-08

`document.all`、`getElementById`、`getElementsByName`以及`getElementsByTagName`都是JavaScript中用于选取HTML元素的函数，但它们各自有不同的特性和使用场景。下面我们将详细讨论这些方法的区别，尤其是`...

JavaScript中document.forms[0]与getElementByName区别

10-24

本文将详细介绍document.forms[0]和getElementByName两种方法的区别和具体使用场景。首先，document.forms[0]代表文档中第一个表单元素，是一个NodeList类型的数组。这个数组包含了页面上所有的form元素，如果页面...

form.submit()不能提交表单的原因分析

09-04

var formId = document.getElementById('registerForm'); btnSubmit.onclick = function() { formId.submit(); } } ``` 当用户点击注册按钮时，`formDeal`函数会被调用，尝试通过`formId.submit()`提交表单。...

document对象详解

Qi_jianzhou的资料室

01-11

1512

document对象详解document 文挡对象 - JavaScript脚本语言描述---------------------------------------------------------------------注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 "引用的元素为空或者不是对象"------------------

document.form.xxxx方式获得表单元素

superlidengke的专栏

10-13

1372

这是老式的获取表单元素的方法，例如if(document.form.password.value=="")，它先找id为password的元素，找不到则找name属性为password的元素，再找不到就会报错。当然对于这句它是在name或id属性为form的标签中找的。

js获取form表单所有数据的简单方法

会跳的蚂蚁

07-12

5851

原文地址点击打开链接在HTML中用js获取通过GET、POST方法（就是在网址后加?a=b&c=d之类）传过来的表单值。针对大家常用的获取表单方式，很多时候都是在重复的写一些代码，今天给大家贴出来的代码可以作为公用方法直接调用。可以提高大家的开发效率。 //获取指定form中的所有的对象 function getElements(formId) { va

关于#include“xxx”与#include <xxx>

Thinkcortex的博客

04-23

698

首先，创建一个实验目录，$mkdir test ，进入此目录，写个简单的程序打印两个数值和add.c

在Jquery中$(“.xx“)、$(“#xx“)、$(“xx“)的区别

fengdeweilai的博客

06-30

1649

jquery //通过class来获取样式，这是通过css的方式来获取的，这个点可以解读为css样式前面的那个点 $(".xx") //通过控件的id属性来进行获取， $("#xx") //获取元素类型，通过某一元素类型来匹配，获取到后操作这一类元素 $(“xx”) 至于layui和jquery的插件自己加载吧。这个可以放到范例： <body> <input type="button" id="bt1" value="一个按钮"> <form class="layui-for

判断单选框选中不成功，$("#xx").attr("checked")undefined

weixin_34124577的博客

04-03

320

判断单选框选中状态，各种都不行，受到https://www.cnblogs.com/yxwkf/p/4853014.html 的启发，相关引用：原来。在jquery1.6版本号便对此做出了改动：【checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变。也就是说假设checkbox在页面载入完成是选中的，那么返回的永远都是checked（我的一開始就是没选中） ...

简述resulttype，resultmap和#xx#，${}

hyt182380的博客

11-08

295

1.resulttype 指定返回值类型，查询出结果后会将结果集映射为指定对象类型 2.resultmap 仅仅将查询结果以map格式返回 3.#xx# 是占位符 4.${xx}是拼接符，使用时会引起sql注入 ’ xx or 1=1 or …’ ...

Document 文挡对象详解(JavaScript脚本语言描述)

xx_liuhui的专栏

01-11

709

对象属性:document.title //设置文档标题等价于HTML的标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色docum

xx和xx的区别

m0_46269977的博客

05-08

2350

1.箭头函数和普通函数的区别 1.箭头函数和普通函数的样式不同，箭头函数语法更加简洁、清晰，箭头函数是=>定义函数，普通函数是function定义函数 2.箭头函数会捕获其所在上下文的this值，作为自己的this值，定义的时候就确定并固定了。 3.箭头函数不能作为构造函数使用，也不能使用new关键字(因为箭头函数没有自己的this，他的this其实是继承了外层执行环境中的this，且this指向永远不会改变，作为构造函数其的this要是指向创建的新对象) 4.箭头函数没有自己的grg

document.form_head.