`

js根据属性查找元素代码

 
阅读更多

functiongetElementByAttribute(aAttribute,aValue,aInElement)
...{
varElementVerifier;
varElements=newArray();
functionSearchElement(aElement)
...{
if(aElement==null||aElement==undefined)return
if(ElementVerifier(aElement))
...{
Elements[Elements.length]
=aElement;
}

SearchElement(aElement.firstChild);
SearchElement(aElement.nextSibling);
}


if(aInElement==undefined)aInElement=document.body;

ElementVerifier
=function(aElement)
...{
Element
=aElement;
if(aElement.nodeName=='#text')returnfalse;
functionmyEqual(Element,aValue)...{
vareq=false;
if(!(eq=(Element.getAttribute(aAttribute)==aValue)))
...{
eval(
'try{eq=(Element.'+aAttribute+'=="'+aValue+'");}catch(e){}');
}

returneq;
}

returnmyEqual(Element,aValue);
}

SearchElement(aInElement);
returnElements;
}

似乎查找的效率有点低

分享到:
评论

相关推荐

    js中查找最近的共有祖先元素的实现代码.docx

    在JavaScript中,查找最近的共有祖先元素是一项常见的任务,特别是在处理DOM操作时。这个任务的目标是找到一组元素在DOM树中的最深共同祖先。在这个场景中,司徒正美提出了一个问题,要求用JavaScript实现这个功能。...

    jQuery关键词查找高亮显示代码.zip

    另一个JavaScript文件可能是`searchHighlight.js`,这是一个自定义脚本,实现了关键词查找和高亮显示的逻辑。它会监听搜索框的`keyup`事件,每当用户输入新的字符时,就触发查找和高亮的过程。 在`searchHighlight....

    js代码-js数组查找元素 find() 方法,只返回第一个匹配元素

    当我们需要在数组中查找特定元素时,JavaScript提供了多种方法。本篇将详细讲解`find()`方法,它是JavaScript数组原型上的一种方法,用于查找数组中符合指定条件的第一个元素,并返回该元素。 `find()`方法的基本...

    javascript基础之查找元素的详细介绍(访问节点)

    当然这些选择器都是jQuery扩展的一些方法,那么使用原生js时要怎样来查找元素呢?今天就来简单梳理下。DOM定义了多种查找元素的方法,除了我们常用的getElementById(),还有getElementsByTagName()和...

    js 权威指南 js快速查找手册

    "JS权威指南"和"JS快速查找手册"都是开发者们在学习和工作中常用的参考资料,旨在帮助他们深入理解和高效运用JavaScript。 首先,JavaScript是一种轻量级的解释型编程语言,主要应用于客户端的网页交互,为用户提供...

    网页元素属性查看器V1.0.rar

    6. 事件监听:可以查看绑定到元素上的JavaScript事件,如click、mouseover等,这对于理解页面的交互逻辑和调试JavaScript代码很有用。 在实际使用中,网页元素属性查看器V1.0可能提供了一种简洁的界面和友好的用户...

    javascript实现代码高亮

    总的来说,`highlight.js`为JavaScript实现代码高亮提供了一个强大且灵活的解决方案。它不仅能够美化代码显示,还能帮助开发者轻松地定制和扩展高亮功能,提升网页的用户体验。通过深入学习和实践,我们可以更好地...

    Javascript Dom编程艺术 源代码(全)

    例如,`getElementById`用于通过ID查找元素,`getElementsByTagName`通过标签名查找。 3. **创建元素**:`document.createElement()`方法允许创建新的HTML元素,然后使用`appendChild()`或`insertBefore()`方法将其...

    JS制作2048小游戏代码.zip

    《JS制作2048小游戏代码详解》 2048小游戏是一款深受玩家喜爱的数字合并游戏,通过简单的滑动操作,将相同的数字合并成更大的数字,直至达到2048的目标。本篇将深入探讨如何使用JavaScript(简称JS)这一强大的前端...

    javascript权威指南示例代码.zip

    DOM是HTML和XML文档的抽象表示,JavaScript可以使用DOM API来查找、修改和添加文档元素。例如,getElementById()、getElementsByClassName()和getElementsByTagName()方法用于选择元素,appendChild()和removeChild...

    vue.js入门源代码

    5. **计算属性与侦听器**:计算属性(`computed`)用于根据其他数据计算出新的值,而不需要手动在模板中编写复杂的JavaScript表达式。监听器(`watch`)则允许我们监听数据的变化并执行相应的函数。查看源代码中如何...

    真实可弹的JS弹窗代码

    根据给定文件的信息,我们可以提炼出以下几个相关的JavaScript知识点: ### 1. JavaScript 写入文档:`document.writeln()` 在JavaScript中,`document.writeln()` 方法用于向文档写入文本。通常,它会在文档加载...

    javascript蜘蛛纸牌小游戏代码下载

    1. **DOM操作**:JavaScript通过Document Object Model(DOM)来操作HTML元素,例如获取元素、修改元素属性、添加或删除元素。 2. **事件监听和处理**:使用`addEventListener`来监听用户的鼠标点击、拖放等事件,...

    javascript下拉菜单源代码

    JavaScript可以动态改变元素的CSS属性,以实现动态效果。 4. 隐藏与显示:下拉菜单的核心功能是隐藏和显示子菜单。这可以通过更改元素的`display`属性来实现。默认情况下,子菜单可以设置为`display: none`,当触发...

    javascript编程宝典源代码

    6. **DOM操作**:JavaScript与HTML的交互主要通过DOM(文档对象模型)来实现,包括查找元素、修改元素属性、添加删除元素、事件监听等。 7. **AJAX与Fetch API**:用于向服务器发送异步请求,获取数据。AJAX(异步...

    js代码-js数组查找元素 findIndex() 方法,返回第一个匹配元素下标

    当我们需要在数组中查找特定元素时,JavaScript提供了多种方法,其中`findIndex()`是一个非常实用的方法。这个方法用于查找数组中第一个匹配指定条件的元素,并返回其对应的索引。如果未找到匹配的元素,则返回-1。 ...

    小米首页以及JS实现动效(代码规范,你从未见过的全新版本)

    3. **DOM操作**:JavaScript可以直接操作DOM(Document Object Model),比如创建新元素、查找元素、修改元素属性等。在这个项目中,可能会用到`document.getElementById()`, `querySelector()`, `querySelectorAll...

    多种精美弹窗特效js代码.zip

    在“多种精美弹窗特效js代码”中,我们可以期待找到一系列不同的弹窗效果,如淡入淡出、滑动、旋转、缩放等,这些都是通过JS动态改变元素的属性来实现的。 1. **DOM操作**:JavaScript可以通过DOM(Document Object...

    站长常用的200多个js代码.zip

    3. **DOM操作**:通过JavaScript操纵HTML元素,包括添加、删除、修改元素属性,实现动态更新页面内容。 4. **AJAX**:异步JavaScript和XML,用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,提升...

Global site tag (gtag.js) - Google Analytics