用javaScript获取页面元素值
用JavaScript获取页面元素常见的三种方法:
getElementById()
getElementsByName()
getElementsByTagName()
语法为“document.+方法名”获得其页面元素,可后加属性为其操作。
如document.getElementById("id名")是根据页面id获取元素,在一个页面中元素id必须是惟一 一个,否则用这种方法将取不到其元素。id就相当于我们个人的身份证号一样,在一个世界上,每个人都是唯一的身份证号。如果页面中没有此id,会找不到你要找的元素,就会报null的错误。
例如:var x=document.getElementById("id").value;
用getElementsByName()用这种方法是跟据页面的元素名来获取页面元素,在一个页面中,元素id是唯一的,但是页面的元素名字name可以是重复的,name就比如我们人名一样,在这个世界中,会有重名的存在。假设一个两个名叫汤姆的人在一起,其他人过来找汤姆,就会直接找到两个,在页面中也是一样,中这种方法,我们会得到一个数组。如果我们找到某个具体的页面元素,可以在此方法后面添加一个下标"[整数]",下标是从0开始的,此整数也就是在页面中你要获取的此元素的位置减一。
例如:var x = document.getElementsByName("ABCD").value; //此时的x就是页面中所有name="ABCD"所形成的一个数组
var x = document.getElementsByName("ABCD")[0].value; //此时的x就是页面中第一个name=''ABCD"的值
用 getElementsByTagName()这种方法是根据HTML的标签来获取的。因为页面元素使用的标签可以重复,所以用这种方法的的值也是一个数组。如果我们用这种方法想获取某个具体的元素的值,可以直接用下标的形式表示,下标的开始也是从0开始的,当然也可以先的到数组,在从数组中获取。
例如:var x = document.getElementsByTagName("p")[2].value; //此时的x是页面中第三个段落标签的值
var x = document.getElementsByTagName("p").value; //此时的x是一个数组,是有页面中所有<p></p>所组成的一个数组
用javaScript获取页面元素值的更多相关文章
- JavaScript获取页面元素的常用方法
1.通过标签获取元素,返回一个数组 var li = document.getElementsByTagName('li');//标签获取元素 li[0].innerHTML;// 查看获取元素的内容 ...
- 用Javascript获取页面元素的位置
制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小 首先,要明确两个基本概念. 一张网页的 ...
- Javascript获取页面元素相对和绝对位置
制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小 首先,要明确两个基本概念. 一张网页的 ...
- JavaScript 获取页面元素
一.根据 id 获取元素 语法格式: document.getElementById(id); Demo: var main = document.getElementById('main'); co ...
- JS与JQ 获取页面元素值的方法和差异对比
获取浏览器高度和宽度 document.documentElement.clientWidth ==> 浏览器可见区域宽度 document.documentElement.clientHeig ...
- JavaScript获取页面元素方法
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
DOM入门 DOM就是Html页面的模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性.方法就可以对网页中的文本框.层等元素进行编程控制.比如通过操作文本框的DOM对象,就可以 ...
- JS获取页面,元素,窗口和返回页面,元素,窗口的宽高以及滚动值
jquery获取页面,元素,窗口的宽高以及滚动值 //获取浏览器显示区域(可视区域)的高度 : $(window).height(); //获取浏览器显示区域(可视区域)的宽度 : $(window) ...
- js获取页面元素距离浏览器工作区顶端的距离
先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) ...
随机推荐
- makefile编译错误情况整理
错误情况1:makefile:5: *** 遗漏分隔符 . 停止 原因:具体的编译动作,开头不可以有空格,留白是由 按tab键形成的. 解决方法:去掉空格,改为tab键后,再执行make命令,成功. ...
- solr搜索分词优化
solr服务器配置好在搜索时经常会搜出无关内容,把不该分的词给分了,导致客户找不到自己需要的内容,那么我们就从配置词典入手解决这个问题. 首先需要知道自带的词典含义: 停止词:停止词是无功能意义的词, ...
- 安装redis时Newer version of jemalloc required错误解决
问题: [root@localhost redis-4.0.0]# make cd src && make allmake[1]: Entering directory `/root/ ...
- js如何获取字符串第几次出现的位置
str:查询字符串: cha:查询子字符串: num:第几次出现:第一次则为 1: function findStrIndex(str, cha, num-1) { var x = str.index ...
- layui---form表单模块
虽然对layui比较熟悉了,但是今天有时间还是将layui的form表单模块重新看一下. https://www.layui.com/doc/modules/form.html 一.更新渲染 layu ...
- Twig---for循环
如何使用twig做for循环. Twig中文文档: https://www.kancloud.cn/yunye/twig-cn/159620 {% for item in list %} <li ...
- 16 css实现模糊背景
--------------------- 本文来自 csu_zipple 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/csu_passer/article/det ...
- windows环境下MySQL mysql-5.7.17-winx64 (社区服务版,community server)安装教程
根据网上查询的资料显示,MySQ在版本5.7开始根目录下没有dada目录,需要额外的“初始化数据库”的操作自动生成data目录. 1. 下载地址: https://cdn.mysql.com// ...
- 2016CCPC长春 - B/D/F/H/I/J/K - (待补)
目录: B - Fraction D - Triangle F - Harmonic Value Description H - Sequence I I - Sequence II B题:HDU 5 ...
- rocketMQ安装部署详细解析
近来研究了Apache开源项目rocketMQ(原为阿里项目),并在两台linux服务器上完成了部署,现在整理下,供大家参考学习. 一.简介rocketMQRocektMQ是阿里巴巴在2012年开源的 ...