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的个数<!---->
<!----><!---->
分享到:
相关推荐
在JavaScript(JS)中,获取页面上的特定元素是前端开发中的基本操作。本文将介绍三种利用`tagName`和`id`获取元素的方法。这些方法在处理网页交互和动态更新内容时非常有用。以下是对每种方法的详细说明: 1. **...
- **getElementsByTagName(tagName)**: 根据标签名获取一组元素。 - **querySelector(selector)**: 使用 CSS 选择器获取第一个匹配的元素。 - **常用属性**: - **title**: 获取或设置文档的标题。 - **body**: ...
document.getElementById('xmlOpTest').innerHTML += '<br/>得到节点的第一个节点: '+xmlUtils.getTagName(node) + "---" + xmlUtils.getText(node) +' ======== 节点类型:' + xmlUtils.getNodeType(node) + '<br...
在JavaScript中,有时候我们需要获取HTML文档中特定类型的多个标签元素,比如`input`, `select`, `textarea`等。这样的需求可以用于实现各种交互效果或数据处理。为了满足这样的功能,我们可以编写一个自定义函数,...
该方法已从 v2.0.11 开始不再推荐使用,建议使用 `riot.mount(domNode, tagName, [opts])`。 ##### 3.2 标签渲染 - **riot.render(tagName, [opts])**: 在服务器端(如 Node.js)将一个标签渲染为 HTML 字符串...
via.postMessage({ action: 'createElement', tagName: 'div' }); via.postMessage({ action: 'setAttribute', elId: 'myDiv', attrName: 'class', attrValue: 'container' }); ``` 在主线程中,你需要设置一个事件...
T(tagname, i)// 根据标签名称返回对象 P(url,callback,arr) POST方式的ajax函数 G(url,callback,arr) GET方式的ajax函数 L(name);显示/隐藏元素 hidden(name);隐藏 show(name);显示 GetLen(str) 计算字符串的长度,...
JavaScript库是一组预先编写并组织好的代码,它们被封装在一个或多个.js文件中,以便开发者能够轻松地在项目中引用和使用。常见的JavaScript库如jQuery、Prototype、Dojo和ExtJS,提供了许多实用的功能,简化了DOM...
while(pre.tagName.toLowerCase() != "td"){ pre = pre.parentNode; } pre = BaseJs.element.prev(pre); parentText = BaseJs.text(pre); if(parentText == "请修改数据"){ ...
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元素的操作,提高前端开发...
while (obj.tagName.toLowerCase() != "tr") { obj = obj.parentNode; } obj.parentNode.removeChild(obj); } ``` **知识点:** - **`tagName`属性**: 获取当前节点的标签名。 - **`toLowerCase()`方法**: 将...
anyString += childS[i].tagName == "BR" ? '\n' : childS[i].innerText; } else if (childS[i].nodeType == 3) { anyString += childS[i].nodeValue; } } return anyString; } ); // 设置文本内容 ...
### JavaScript中的Document对象技术汇总 在JavaScript编程语言中,`Document`对象是浏览器提供的核心对象之一,它代表了当前加载的HTML文档,并提供了多种方法和属性来操作网页内容。通过`Document`对象,开发者...
在JavaScript中,DOM...以上只是JavaScript中DOM方法的一小部分,实际应用中还有更多高级操作,如事件委托、表单验证、动画效果等,都是通过DOM方法实现的。掌握这些基础DOM方法对于编写交互性强的网页至关重要。
在这个压缩包"js.rar"中,你将找到对这些JavaScript鼠标事件的详细中文解释,这将有助于你深入理解和应用这些概念到实际项目中,提升网页的交互性和用户体验。无论是初学者还是经验丰富的开发者,这些资料都是一份...
根据给定文件的信息,我们可以提炼出...JavaScript中的函数、事件和对象是其核心特性之一,掌握它们对于编写高效、功能丰富的网页应用程序至关重要。通过上述介绍,希望能够帮助读者更好地理解这些基本概念及其用法。
3. 在JSP页面中,使用自定义`search`标签,结合JavaScript和AJAX调用来实现无刷新搜索。例如: ```jsp <input type="text" id="query" name="query" /> ${param.query}" resultVar="searchResult" /> </form> ...