`

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 实例-- 滑动菜单
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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操作.rar

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

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

    但是，根据标题《JavaScript DOM编程艺术【第2版&高清】.pdf》和描述“JavaScript DOM编程艺术，高清资源，无比经典，值得拥有”，我们可以推断这本书主要讲述了JavaScript中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...

    JavaScript+DOM编程艺术（PDF格式原版+源代码）

    读者可以通过解压“JavaScript+DOM编程艺术源代码.zip”获取这些代码，然后在本地环境中运行和调试，以实现书中的各种效果。 在学习这本书的过程中，读者不仅会掌握JavaScript语言本身，还将学会如何利用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 是一种轻量级的解释型编程语言，广泛应用于网页和网络...

Magicbox
Global site tag (gtag.js) - Google Analytics