`

Javascript 获取DOM对象

 
阅读更多
Javascript 通过以下三种方式获取DOM对象

方法1:
var div= document.getElementsByTagName('div');
var a =document.getElementsByName('age');
var b =document.getElementById('sex');

方法2:
<html>
<head>
</head>
<body>
<form name="form1"><input type="text" name="username" value="Peter"></form>
<form name="form2"><input type="text" name="username" value="Tom"></form>
<form name="form3"><input type="text" name="username" value="Mike"></form>

<script>
	document.write(document.form2.username.value+'<br>');
	document.write(document['form2'].username.value+'<br>');
	document.write(document.forms['form2'].username.value+'<br>');
	document.write(document.forms[1].username.value+'<br>');
	document.write(document.forms.item(1).username.value+'<br>');
	document.write(document.forms.item('form2').username.value+'<br>');
	document.write(document.forms.form2.username.value+'<br>');
	
	//output all elements
	for(var item in document)
		document.write('document.'+item+' = '+document[item] + '<br>');

</script>
</body>
</html>
分享到:
评论

相关推荐

    JavaScript实现获取dom中class的方法

    以上就是通过JavaScript获取DOM中class元素的方法和相关知识点的介绍。这涉及到对DOM操作的理解和对特定方法的应用,对于前端开发者来说是一项基础且重要的技能。掌握了这些知识点,开发者可以更加灵活地处理页面...

    angularjs,ng-repeat循环渲染时,无法获取dom对象.pdf

    这个服务是AngularJS中封装的JavaScript原生的`setTimeout`函数,它允许开发者在AngularJS的下一个事件循环结束之后执行函数,即等待当前的数据绑定和视图渲染操作完成后才去获取DOM对象。使用`$timeout`服务来延迟...

    javascript 原生Dom对象和jQuery对象的联系和区别

    原生DOM对象是由浏览器提供的API创建的,例如通过`document.getElementById`或`document.querySelector`等方法获取到的元素。原生DOM操作的优点是直接、高效,但其API较为复杂,需要编写更多的代码来实现相同的功能...

    JavaScript获取HTML DOM节点元素的方法的总结

    ### 一、通过`document`对象获取DOM节点 #### 1. `document.getElementById(elementId)` 这个方法是最常用且最高效的获取特定DOM节点的方式。它通过元素的ID来定位,返回与指定ID匹配的第一个节点。由于ID在文档中...

    JavaScript中DOM对象的思维导图

    JavaScript中的DOM对象是Web开发中不可或缺的一部分,它...了解并熟练掌握DOM对象及其操作方法对于JavaScript开发者来说至关重要,因为它提供了无尽的可能性,使我们能够构建出功能强大且用户体验良好的Web应用程序。

    JavaScript DOM编程艺术【第2版&高清】.pdf

    但是,根据标题《JavaScript DOM编程艺术【第2版&高清】.pdf》和描述“JavaScript DOM编程艺术,高清资源,无比经典,值得拥有”,我们可以推断这本书主要讲述了JavaScript中DOM(文档对象模型)的相关编程技术。...

    javascript_DOM操作.rar

    首先,DOM是网页内容的树状表示,它将HTML或XML文档的每个部分都作为一个对象,这些对象可以被JavaScript访问和修改。JavaScript通过DOM提供的接口,可以查找、遍历、修改甚至创建新的元素,实现网页的动态效果。 1...

    JavaScript程序设计——DOM访问实验报告.docx

    3. **DOM对象的属性和方法**: - `innerHTML`: 获取或设置元素的HTML内容。 - `firstChild`, `lastChild`, `nodeName`, `nodeValue`, `nodeType`, `nextSibling`, `parentNode`: 这些属性帮助遍历和操作DOM树,...

    经典之作javascript dom编程艺术源码

    JavaScript DOM编程艺术是一本深入解析DOM操作的经典书籍,它的源码提供了丰富的实例,帮助开发者深入理解如何使用原生JavaScript高效地操纵网页元素。DOM(Document Object Model)是HTML和XML文档的标准表示,它将...

    JavaScriptDOM编程艺术(第2版)PDF版本下载.txt

    通过DOM可以获取到页面上的元素,然后为其绑定事件处理函数,实现各种动态效果。 #### 3.2 动态加载内容 利用JavaScript可以动态地从服务器加载数据并更新DOM,从而实现无需刷新整个页面就能改变部分内容的功能。...

    Javascript_Dom操作案例

    2. **获取DOM元素**: - `document.getElementById()`:根据ID获取元素。 - `document.querySelector()` 和 `.querySelectorAll()`:分别返回匹配CSS选择器的第一个元素和所有元素。 - `document....

    javascript_DOM操作

    DOM是一个树形结构,将网页内容表示为节点和对象,每个元素、属性、文本甚至注释都是一个独立的节点。在JavaScript中,我们可以利用DOM API来创建、修改、删除和查找网页上的任何元素,实现动态更新和交互。 **DOM...

    随书光盘+PDF JavaScript DOM编程艺术(第2版)-源代码2.5MB PDF114MB .zip

    JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍,主要涵盖了JavaScript语言在Web前端开发中的应用,特别是关于DOM(Document Object Model)的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...

    javaScript-DOM编程艺术

    JavaScript-DOM编程艺术是关于如何使用JavaScript操作网页文档对象模型(Document Object Model,简称DOM)的技术。DOM是一种标准,它提供了表示和操作HTML或XML文档的接口。通过DOM,JavaScript可以访问和修改网页...

    第三章:javascript-DOM对象模型-补充课件.ppt

    JavaScript DOM对象模型是Web开发中不可或缺的一部分,它允许开发者通过编程方式操纵网页的结构、内容和样式。在JavaScript中,DOM被用作一种接口,使我们能够读取、修改、添加或删除HTML、XML文档的各个部分。DOM将...

    javascript 操作xml_dom对象整理集合

    JavaScript操作XML DOM对象是Web开发中的重要技能,尤其在处理数据交换、页面动态更新和跨平台通信时。本文将深入探讨这一主题,并结合JavaScript技巧,为开发者提供一个全面的指导。 1. **DOM(文档对象模型)基础...

    javascript+dom书籍

    JavaScript 和 DOM(Document Object Model)是前端开发中的基础概念,对于任何希望在网页上实现交互性的开发者来说,理解和掌握这两者至关重要。JavaScript 是一种轻量级的解释型编程语言,广泛应用于网页和网络...

Global site tag (gtag.js) - Google Analytics