没有document.getElementByName方法

首先声明的是：
document.getElementByName方法没有。document.getElementsByName得到的是标签的数组
document.getElementId得到的是某一个标签
<form name="form_write">
<input name="content" type="text">

然而可以用很浅显的方式得到如：

var fn = document.getElementsByName("form_write")[0]; //得到这个form下的对象
fn.content.value;//就直接去用这个对象取值就可以了。
document.getElementById 1、getElementById

作用：一般页面里ID是唯一的，用于准备定位一个元素
语法： document.getElementById(id)
参数：id :必选项为字符串(String)
返回值：对象; 返回相同id对象中的第一个，按在页面中出现的次序,如果无符合条件的对象，则返回 null

example：


代码如下:

document.getElementById("id1").value;

2、getElementsByName

作用：按元素的名称查找，返回一个同名元素的数组
语法： document.getElementsByName(name)
参数：name :必选项为字符串(String)
返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序
注意：返回数组值为value属性的值，
如果某标签无value属性，当你添加上value属性并赋值后，getElementsByName也能取到其值，
当未对value属性赋值时， getElementsByName返回数组值将是undefined ，
但仍能获得相同name标签的个数document.getElementsByName(name).length
当未设置name属性时document.getElementsByName仍能使用，它将根据你id取得value属性的值

example：


代码如下:

document.getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;
<span id='CBylawIndexName' class='normalNode' value='all' >全部</span>"
<span id='CBylawIndexName' class='normalNode' value='ALL' >全部</span>"

span标签其实没有name和value属性
但document.getElementsByName("CBylawIndexName")仍将取得value的值

3、getElementsByTagName

作用：按HTML标签名查询，返回一个相同标签元素的数组
语法： object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数：tagname:必选项为字符串(String)，根据HTML标签检索。
返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序

example：


代码如下:

document.getElementsByTagName("p")[0].childNodes[0].nodeValue;
document.getElementsByTagName("p")[1].childNodes[0].nodeValue;

赞 (0)

相关推荐

  • document.forms用法示例介绍

    概述 forms 返回一个集合 (一个HTMLCollection对象),包含了了当前文档中的所有form元素. 语法 var collection = document.forms; 例子 获取表单信息 <script type="text/javascript"> $(function(){ var thisForm = document.forms['form1']; //获取name为form1的form表单 //或者 //var thisForm = docume

  • JavaScript中document.forms[0]与getElementByName区别

    首先我们来看个示例: 复制代码 代码如下: <form name="buyerForm" method="post" action="/mysport/control/user/list.do"> <input type="checkbox" id="usernames" value="testtest" >testtest<br> <input

  • document.forms[].submit()使用介绍

    document.forms['exportServlet'].submit(); (1)document.forms:表示获取当前页面的所有表单 (2)document.forms[0]:表示获取当前页面的第一个表单 (3)document.forms['exportServlet']:表示获取当前页面的name="exportServlet"的表单 (4)submit()表示提交函数

  • 没有document.getElementByName方法

    首先声明的是: document.getElementByName方法没有.document.getElementsByName得到的是标签的数组 document.getElementId得到的是某一个标签 <form name="form_write"> <input name="content" type="text"> 然而可以用很浅显的方式得到如: var fn = document.getElementsByN

  • javascript中的document.open()方法使用介绍

    document.open()方法打开一个新的文档,并用document.write()方法编写文档的内容,然后用document.close()方法关闭文档操作,使其内容显示出来. 例如: 复制代码 代码如下: <script type="text/javascript"> window.onload=hello; function hello(){ var msg = "JavaScript真好玩!"; document.open(); docume

  • document.getElementById方法在Firefox与IE中的区别

    [要点]document.getElementById方法在Firefox与IE中的区别. 如下,有一name="txtVersion"的text控件: 复制代码 代码如下: <div> <input type="text" name="txtVersion" size="15" value="Version" maxlength="25"> </div&g

  • XMLDOM对象方法：Document对象方法

    abort 方法   作   用   abort 方法取消一个进行中的异步下载   基本语法   xmlDocument.abort(); 说   明   如果这个方法在异步下载时被呼叫,所有的解析动作会停止,而且在内存中的文件会被释放. 范   例  xmlDocument AppendChild 方法   作   用   加上一个节点当作指定节点最后的子节点.   基本语法   xmlDocumentNode.appendChild(newChild); 说   明   newChild 是

  • 用js的document.write输出的广告无阻塞加载的方法

    用js的document.write输出的广告无阻塞加载的方法

    一.广告代码分析 很多第三方的广告系统都是使用document.write来加载广告,如下面的一个javascript的广告链接. 复制代码 代码如下: <script type="text/javascript" src="http://gg.5173.com/adpolestar/5173/;ap=2EBE5681_1BA3_4663_FA3F_E73D2B83FBDC;ct=js;pu=5173;/?"></script> 这个java

  • js基础之DOM中document对象的常用属性方法详解

    -----引入 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 属性 1  document.anchors  返回对文档中所有 Anchor 对象的引用.还有document.links/document.forms/document.images等 2  document.URL       返回当前文档的url 3  document.title       返回当前文档的标题 4  do

  • IE9+已经不对document.createElement向下兼容的解决方法

    今天发现某网站上,IE9和chrome中页面的功能居然有差异,于是在IE9下打开console,发现一堆js报错,用fiddler跟踪了一下,原来代码里有一句是这样的: if(ie){ var iframe = document.createElement('<iframe src="http://www.jb51.net"></iframe>'); } 是的,问题就出在这里:DOM Exception: INVALID_CHARACTER_ERR (5) 因为

  • 常见的原始JS选择器使用方法总结

    常见的getElementById,getElementsByName,getElementsByTagName.但外国人不满意这些API,于是搞出了getElementsByClassName,后来一点点又出现了jQuery选择器,这里只说原始js选择. 1.getElementById 这是最常用的选择器,通过id来定位: 例: var test=document.getElementById("test").value;//获取文档中id为test的元素的值,并赋值给test变脸

  • JS简单获得节点元素的方法示例

    本文实例讲述了JS简单获得节点元素的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net - JS几种获得节点元素的方法</title> <script type="application/javascript">

  • document.write与writeln的输出内容区别说明

    document.write与writeln的输出内容区别说明

    document.write() //将内容写入文档,当前编辑位置为写入的内容的后一个字符 document.writeln() //将内容写入文档,并添加一个换行符,当前编辑位置为写入的内容的后一行 document.write()和document.writeln都是JavaScript向客户端写入的方法,writeln是以行方式输出的,但并不是指页面实际效果中的换行,两种方法在查看源代码时才看得出区别,除非是输出到pre或xmp元素内 测试一下: with(window.open()){

随机推荐