HTML DOM学习

感觉表单对象很特殊

<html>
<head>
<title>Html DOM demo</title>
</head>
<body>
<form id="form1Id" name='form1Name'>name:<input type="text" name="username" id="usernameId" /></form><div name="mydivname" id="mydivid">hello</div><script type="text/javascript">
var fsForm1Id = document.form1Id;// document.getElementById("form1");
var fsForm1Name = document.form1Name;// document.getElementById("form1");

console.log("通过form-Id获取对象");
console.log(fsForm1Id);
console.log("\n");console.log("通过form-name获取对象");
console.log(fsForm1Name);
console.log("\n");console.log("在form中通过input-id获取input对象");
console.log(fsForm1Name.usernameId);
console.log("\n");console.log("在form中通过input-name获取input对象");
console.log(fsForm1Name.username);
console.log("\n");console.log(document.body);
console.log(document.body.mydivid);
console.log(document.body.mydivname);</script>
</body>
</html>

效果图：

转载于:https://www.cnblogs.com/TheoryDance/p/5669201.html

HTML DOM学习相关推荐

DOM学习之路--Mr.Ember
DOM学习之路--Mr.Ember 摘要:打好基础从DOM基础开始一. 事件冒泡和捕获当一个元素事件被触发时,不仅只在对象本身触发一次,还经历了三个阶段: (1)捕获阶段:文档先由根对象(docu ...
JS加强学习-DOM学习01
JavaScript由三个部分组成:ECMAScript.DOM.BOM.前面已经学习了ECMAScript中的基础内容,现在可以开始学习DOM部分了,在DOM中更多的是实际效果的展现. 1. DOM ...
2014-06-29 Web-Front的学习(5)-----DOM学习及JavaScript的扩展
2019独角兽企业重金招聘Python工程师标准>>> 1.DOM基本概述 Document Object Model,文档对象模型,是W3C织制订的一套用于访问XML和HTML文档 ...
python的xml.dom学习笔记
首先说一下,由于这篇文章主要是自己随性学习写的,所以读者看起来可能很乱,呵呵.可以给大家稍微推荐一篇:http://www.cnblogs.com/xuxm2007/archive/2011/01/1 ...
JavaScript之DOM学习笔记
目录 1.DOM简介 1.1.什么是DOM 2.获取元素 2.1.如何获取页面元素 2.2.根据ID获取 2.3.根据标签名获取 2.4.通过H5新增方法获取 3.事件基础 3.1.事件概述 3.2. ...
Dom 学习总结及其实例
1. 重新导航到指定的地址:navigate("http://www.cnblogs.com/daomul/"); 2. (1.*setInterval每隔一段时间执行指定的代 ...
JavaScript DOM 学习笔记
文章目录 Dom 基础 Dom 基本概念节点类型获取元素 getElementByld() getElementsByTagName() getElementsByClassName() quer ...
DOM学习笔记（pink）
什么是API? 官方定义:一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节.(联想到黑盒测试会用就行,不必纠结内部 ...
DOM学习1.1：HTML与JavaScript的分离
分离JavaScript是把网页的结构和内容与JavaScript脚本的动作行为分开. 建立一个外部的.js文件,将JavaScript的代码保存在里面: 把JavaScript代码调用行为与HTML ...

HTML DOM学习

HTML DOM学习相关推荐

最新文章

热门文章