如何获取HTML元素对应JavaScript对象？

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><!--如何获取HTML元素对应JavaScript对象--><!--我们首先要明白标签和元素的区别：标签：div标签，仅代表<div></div>元素：div元素，除了<div></div>，还有中间的内容。--><div id="school" class="university"><span>北京大学</span><i>郑州大学</i></div><p class="university"><span>清华大学</span><span>上海交大</span></p><p>西安交大</p><input type="radio" name="sex"/>男<input type="radio" name="sex" />女<script>console.log("1、通过id属性值获取");var element = document.getElementById("school");console.log(element);console.log("2、通过class属性值获取");var elements = document.getElementsByClassName("university");for (var i in elements) {console.log(elements[i]);}console.log("    加强循环 和 普通循环   的 区别         ")for (var i=0; i < elements.length; i++) {console.log(elements[i]);}console.log("3、通过标签名获取");elements = document.getElementsByTagName("p")for (var i=0; i < elements.length; i++) {console.log(elements[i]);}console.log("4、通过name属性值获取");elements = document.getElementsByName("sex");for (var i=0; i < elements.length; i++) {console.log(elements[i]);}</script></body>
</html>

如何获取HTML元素对应JavaScript对象？相关推荐

使用jQuery将表单数据转换为JavaScript对象
如何将表单的所有元素转换为JavaScript对象? 我希望有一些方法可以自动从表单中构建JavaScript对象,而不必遍历每个元素. 我不需要$('#formid').serialize();返回 ...
JavaScript文档对象模型获取body元素对象和获取Html元素对象(3)
1.获取body元素对象和获取Html元素对象代码如下: <!DOCTYPE html> <html><head><meta charset="u ...
如何通过其值获取JavaScript对象中的键？
本文翻译自:How to get a key in a JavaScript object by its value? I have a quite simple JavaScript object, ...
通过属性值从对象数组中获取JavaScript对象[重复]
本文翻译自:Get JavaScript object from array of objects by value of property [duplicate] This question alr ...
用Javascript获取页面元素的位置
制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小首先,要明确两个基本概念. 一张网页的 ...
web api、获取DOM元素的方式、事件理解、click事件在移动端300ms延时、事件对象、事件委托、常见事件类型
web api: API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力 ...
js获取html元素并且修改属性,JavaScript中获取和修改元素属性的值
在上一篇关于<JavaScript中几个操作元素对象的函数方法>文章中记录了分别通过元素的ID属性,元素的标签名,Class类名来获取元素的节点对象. 今天记录两个函数可以用来获取和修改获 ...
【JavaScript】获取网页元素
特殊元素: 分别获取body和html,全局仅有一个,比较特殊.格式固定,元素名可以自己另外起 var bodyElement=document.body var htmlElemnt=documen ...
Web前端学习笔记——JavaScript之WEBAPI、BOM、DOM及获取页面元素
Web API介绍 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访 ...

如何获取HTML元素对应JavaScript对象？

如何获取HTML元素对应JavaScript对象？相关推荐

最新文章

热门文章