`
bobshute
  • 浏览: 284857 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS中 getElementById /Name /TagName 的应用

    博客分类:
  • js
 
阅读更多
JS中 getElementById /Name /TagName 的应用getElementById:
语法: document.getElementById(id)
参数: id :必选项为字符串(String)
返回值:对象; 返回相同id对象中的第一个,如果无符合条件的对象,则返回 null
example:document.getElementById("id1").value;
getElementsByName:
语法: document.getElementsByName(name)
参数: name :必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组
example:document.getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;

getElementsByTagName:
语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数: tagname:必选项为字符串(String)
返回值:数组对象; 如果无符合条件的对象,则返回空数组
example:document.getElementsByTagName("p")[0].childNodes[0].nodeValue;
document.getElementsByTagName("p")[1].childNodes[0].nodeValue;
--------------------------------------------------------------------------------
getElementsByTagName() 不只是用在全局,更多的用法是:
obj.getElementsByTagName();
obj可以是任何对象。
--------------------------------------------------------------------------------
var all = document.getElementsByTagName('div')[0].getElementsByTagName('*');
就是取document.getElementsByTagName('div')[0]这个节点下边的所有。
准确的说应该是所有Element类型的节点,不包括TextNode类型的节点。
getElementsByTagName('*') *就像通配符一样,表示所有的TagName。
--------------------------------------------------------------------------------
document.getElementsByTagName('ul')[0].childNodes就是li的数组
它的长度就是li的个数
<!---->

 

<!----><!---->
分享到:
评论

相关推荐

    js中利用tagname和id获取元素的方法

    在JavaScript(JS)中,获取页面上的特定元素是前端开发中的基本操作。本文将介绍三种利用`tagName`和`id`获取元素的方法。这些方法在处理网页交互和动态更新内容时非常有用。以下是对每种方法的详细说明: 1. **...

    JavaScript基础应用(讲义).doc

    - **getElementsByTagName(tagName)**: 根据标签名获取一组元素。 - **querySelector(selector)**: 使用 CSS 选择器获取第一个匹配的元素。 - **常用属性**: - **title**: 获取或设置文档的标题。 - **body**: ...

    javascript封装的通用解析和操作xml文件数据工具类(含测试使用代码)

    document.getElementById('xmlOpTest').innerHTML += '&lt;br/&gt;得到节点的第一个节点: '+xmlUtils.getTagName(node) + "---" + xmlUtils.getText(node) +' ======== 节点类型:' + xmlUtils.getNodeType(node) + '&lt;br...

    js获取多个tagname的节点数组

    在JavaScript中,有时候我们需要获取HTML文档中特定类型的多个标签元素,比如`input`, `select`, `textarea`等。这样的需求可以用于实现各种交互效果或数据处理。为了满足这样的功能,我们可以编写一个自定义函数,...

    Riot中文API

    该方法已从 v2.0.11 开始不再推荐使用,建议使用 `riot.mount(domNode, tagName, [opts])`。 ##### 3.2 标签渲染 - **riot.render(tagName, [opts])**: 在服务器端(如 Node.js)将一个标签渲染为 HTML 字符串...

    Viajs实现在一个WebWorker中使用DOM

    via.postMessage({ action: 'createElement', tagName: 'div' }); via.postMessage({ action: 'setAttribute', elId: 'myDiv', attrName: 'class', attrValue: 'container' }); ``` 在主线程中,你需要设置一个事件...

    自己整理的一个JS函数库 AJAX dom隐藏显示 数据整理 只有12KB 压缩后5kb

    T(tagname, i)// 根据标签名称返回对象 P(url,callback,arr) POST方式的ajax函数 G(url,callback,arr) GET方式的ajax函数 L(name);显示/隐藏元素 hidden(name);隐藏 show(name);显示 GetLen(str) 计算字符串的长度,...

    第34章 项目1-博客前端:理解JavaScript库1

    JavaScript库是一组预先编写并组织好的代码,它们被封装在一个或多个.js文件中,以便开发者能够轻松地在项目中引用和使用。常见的JavaScript库如jQuery、Prototype、Dojo和ExtJS,提供了许多实用的功能,简化了DOM...

    原创-javascript服务器交互型可编辑表格和我的js常用库

    while(pre.tagName.toLowerCase() != "td"){ pre = pre.parentNode; } pre = BaseJs.element.prev(pre); parentText = BaseJs.text(pre); if(parentText == "请修改数据"){ ...

    javascript实例

    if (target.tagName.toLowerCase() === 'a' && target.parentNode.classList.contains('submenu')) { var submenu = target.parentNode.parentNode.querySelector('.submenu'); submenu.classList.toggle('open')...

    javascript input自动赋值

    在"javascript input赋值"这个压缩包文件中,可能包含了一些示例代码或者教程,用于演示如何在实际项目中应用这些技术。通过学习和理解这些示例,开发者能够更好地掌握JavaScript中对input元素的操作,提高前端开发...

    js共享 js 问题

    while (obj.tagName.toLowerCase() != "tr") { obj = obj.parentNode; } obj.parentNode.removeChild(obj); } ``` **知识点:** - **`tagName`属性**: 获取当前节点的标签名。 - **`toLowerCase()`方法**: 将...

    Firefox浏览器兼容JS脚本

    anyString += childS[i].tagName == "BR" ? '\n' : childS[i].innerText; } else if (childS[i].nodeType == 3) { anyString += childS[i].nodeValue; } } return anyString; } ); // 设置文本内容 ...

    js技术中document对象技术汇总

    ### JavaScript中的Document对象技术汇总 在JavaScript编程语言中,`Document`对象是浏览器提供的核心对象之一,它代表了当前加载的HTML文档,并提供了多种方法和属性来操作网页内容。通过`Document`对象,开发者...

    js中常用Dom方法

    在JavaScript中,DOM...以上只是JavaScript中DOM方法的一小部分,实际应用中还有更多高级操作,如事件委托、表单验证、动画效果等,都是通过DOM方法实现的。掌握这些基础DOM方法对于编写交互性强的网页至关重要。

    js.rar_js

    在这个压缩包"js.rar"中,你将找到对这些JavaScript鼠标事件的详细中文解释,这将有助于你深入理解和应用这些概念到实际项目中,提升网页的交互性和用户体验。无论是初学者还是经验丰富的开发者,这些资料都是一份...

    JS中的 函数、事件和对象

    根据给定文件的信息,我们可以提炼出...JavaScript中的函数、事件和对象是其核心特性之一,掌握它们对于编写高效、功能丰富的网页应用程序至关重要。通过上述介绍,希望能够帮助读者更好地理解这些基本概念及其用法。

    自定义JSP标签,用于实现无刷新的方法之一

    3. 在JSP页面中,使用自定义`search`标签,结合JavaScript和AJAX调用来实现无刷新搜索。例如: ```jsp &lt;input type="text" id="query" name="query" /&gt; ${param.query}" resultVar="searchResult" /&gt; &lt;/form&gt; ...

Global site tag (gtag.js) - Google Analytics