如何在javascript中获取dom对象

如何在javascript中获取dom对象,第1张

js中有四种获取dom的方法:

根据ID获取对象:documentgetElementById(ID);

根据class获取对象数组:documentgetElementsByClassName("box");

根据tag获取对象数组:documentgetElementsByTagName("p");

根据name获取对象数组:documentgetElementsByName(NAME);

用jquery选择器就多得去了,一般都用jquery,js一大串代码用jquery几个符号搞定。

根据ID获取对象:$('#ID');

根据class获取对象数组:$("box");

根据tag获取对象数组:$("p");;

根据name获取对象数组:$('input[name="nw"]');

1、不同用途:

名字是主要用于获取信息的表单字段提交表单,作为服务器端可以与服务器交互的HTML元素的标记数据,如输入、选择、文本区域、框架元件(iframe,框架,窗口名称,用于指定目标在其他框架或窗口),按钮等等。

而id和class主要是通过css控制设置了id和class的元素的样式。

2、用法不同:

定义了id的元素在css中用id选择器“#”来选择,例如 <h1 id="center">My First Heading</h1>,css中用#center{ }来控制其样式,定义了class的元素在css中用类选择器“”来选择。

例如:<h1 class="center"> My First Heading </h1>,css中用 center{ }来控制其样式。

扩展资料:

关于ID和Name的一些注意事项

当然,页面上HTML元素的Name属性也可以充当一个小ID,因为在DHTML对象树中,我们可以使用文档。获取页面的getElementsByName包含所有指定的对象名称元素数组。

2 如果n(n>, 1)个HTML元素有相同的ID怎么办如何在DHTML对象中引用它们如果我们使用ASPX页面,则不太可能发生这种情况,因为aspnet进程不允许处理ID不惟一的ASPX页面,因此将抛出一个异常并不能正确呈现页面。

3、对于动态页面,我们坚持要我重复那个IE怎么办此时,我们仍然可以使用document。getelementbyid来获取对象,但是我们只能获取其ID在HTML呈现中第一个出现的对象中重复的对象。

而这时重复的ID会在引用时自动变成一个数组,id重复的元素按Render的顺序依次存在于数组中。

要注意代码的顺序。

要注意代码的顺序,立即代码中如果有对DOM对象的访问,那么,这些代码不应该出现在要访问的标签之前,否则会找不到对象另外,你的getElementById拼写错误,你将大写I写成了小写的l,form标签没有关闭也是个问题。

改后代码如下:<html><body><form name="form1" action="qqq" method="post"><p>Zhanghao: <input type="text" name="zhanghao" id="zhanghao" /></p><input type="button" name="aaaaa" value="aaaa" onClick="check()" />

</form>。

<script language="JavaScript">function check(){  windowalert("进入JavaScript");   var valid = true;  var q = documentgetElementById("zhanghao")value; if(q=="") windowalert("aaaaaaaaaaa");  if(valid==false) documentform1submit()。

value是针对对象的。你可以直接documentgetElementById()value; 使用id找根据name找需要指定form, 一个页面可能有很多表单存在。

以上就是关于如何在javascript中获取dom对象全部的内容,包括:如何在javascript中获取dom对象、html 中 <a>标签里面的id 和 name 有什么区别、获取不到document.form.name.value的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9662279.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存