<img id="a" src="aa" class="img_class"/>
<img id="b" src="bb" class="img_class"/>
<input type="button" value="测试" onclick="test();">
<script>
function test()
{
var list = GetClass("img_class");
for(var i = 0;i<list.length;i++)
{
alert(list[i].id);
}
}
//通过class获得HTML对象的方法
function GetClass(className)
{
return getElementsByClassName(className);
}
var $c = function(array)
{
var nArray = [];
for (var i=0;i<array.length;i++)
{
nArray.push(array[i]);
}
return nArray;
};
Array.prototype.each=function(func)
{
for(var i=0,l=this.length;i<l;i++)
{
func(this[i],i);
};
};
var getElementsByClassName=function(cn)
{
var hasClass=function(w,Name)
{
var hasClass = false;
w.className.split(' ').each(function(s){
if (s == Name) hasClass = true;
});
return hasClass;
};
var elems =document.getElementsByTagName("*")||document.all;
var elemList = [];
$c(elems).each(function(e){
if(hasClass(e,cn)){elemList.push(e);}
})
return $c(elemList);
};
</script>
分享到:
相关推荐
### 根据标签名字和标签的class属性得到对象 在Web开发中,经常需要通过JavaScript来操作DOM(Document Object Model)元素。一个常见的需求就是根据指定的标签名和类名来获取页面中的DOM元素。本篇文章将详细介绍...
除了getElementsByClassName()函数,我们可以自己动手编写程式来通过class获取元素,接下来我们整理了一下JavaScript通过HTML的class来获取HTML元素的方法总结,需要的朋友可以参考下
3. 函数:`ng-class`也可以是一个返回字符串或对象的函数。这个函数会在当前作用域内执行,并且其结果将用于设置CSS类。例如: ```html <div ng-class="getClass()"> ``` 在控制器中,`getClass`函数会根据业务...
接下来,我们创建一个名为`ReflectorClass`的辅助类,其中包含一个静态方法`getPropertyName`,这个方法接受一个对象实例作为参数,通过反射获取该对象的所有属性名及对应的类型,并返回一个字符串,每个属性名与...
JavaScript的面向对象是一种重要的编程范式,它在JavaScript中通过构造函数、原型链以及类(ES6引入)来实现。这篇博文将深入探讨JavaScript中的面向对象特性,包括类的概念、对象的创建、继承机制以及封装。 首先...
`classnames`是一个非常实用的JavaScript库,主要用于处理和合并HTML元素的类名。在前端开发中,尤其是在使用React等库时,...通过利用`classnames`,开发者可以编写更清晰、更易于维护的代码,提升整体项目的质量。
对象语法的基本形式是使用v-bind:class配合一个对象来绑定class,对象的键是class名,值是一个布尔值,用来指示该class是否应用于当前元素。例如: ```html <div :class="{red: isRed}"> ``` 在这里,`:class`是`v...
英文原版的CHM格式,使得读者能够获得原汁原味的专业知识,同时,CHM是一种编译后的HTML帮助文档,便于快速查阅和搜索。 UML的核心概念包括: 1. **图的种类**:UML支持多种图,如用例图(Use Case Diagram)、...
DOM对象是原生JavaScript操作,如通过`document.getElementById("id")`获取,而jQuery对象则是通过`$("#id")`获得。两者之间可以互相转换:将DOM对象转换为jQuery对象,可以使用`$(domElement)`;反之,使用`.get...
由于ID在HTML文档中必须唯一,所以尝试用ID来选取多个元素通常是无效的,这也是为什么标题说“jQuery得到多个值只能用取Class,不能用取ID的方法”的原因。例如,如果像描述中那样,页面上有多个`checkbox`元素都...
1,插件说明: 插件接受一个包含需要转换的HTML页面的字符串和其他参数,返回一个删除需多格式控制元素后、...首先包含本插件,然后实例化HTMLToMobile.class类文件,用得到的对象调用PIPHP_HTMLToMobile方法即可。
require_once('path/to/html2pdf/html2pdf.class.php'); $pdf = new Html2Pdf('P', 'A4', 'en'); $pdf->writeHTML(file_get_contents('yourfile.html')); $pdf->output('output.pdf', 'F'); ``` **示例代码分析:**...
例如,如果你有一个HTML字符串,其中包含了内联样式或外部样式表,`html2image`会确保这些样式在生成的图像中得到体现。 **注意事项** - 在使用HTML转Image的过程中,确保所有依赖的字体已安装在运行环境,否则...
创建了一个BeautifulSoup对象,并指定了解析器为'html.parser'。 4. **获取和打印title标签**: ```python title_tag = soup.title print(title_tag) ``` 通过`soup.title`可以直接获取HTML文档中的`<title>`...
**属性**是描述对象状态的信息,可以通过定义不同的属性值来改变对象的状态。 **方法**是对对象的行为进行编码的函数,用于处理对象的各种行为。 **事件**通常是指外部触发的动作,例如用户点击鼠标或按下键盘上的...
- 通过构造函数或setter方法注入外部对象,减少耦合度。 - 可以使用现有的PHP依赖注入容器(如Pimple或Symfony服务容器)。 2. **中间件(Middleware)** - 在控制器处理请求之前或之后执行某些逻辑。 - 例如权限...
3. 使用`clean()`方法解析HTML,得到`TagNode`对象,它是HTMLCleaner内部表示DOM的类。 4. 可以通过`TagNode`对象遍历和操作DOM树。 5. 如果需要,使用`toString()`方法将`TagNode`转换回字符串形式的XML或HTML。 *...
2. 处理服务器响应,读取并拼接输入流得到HTML源码。 3. 使用Jsoup库解析HTML,提取所需信息。 4. 在Android中,网络操作应在子线程中执行,遵循异步编程原则。 在实际项目中,还可以结合Retrofit、OkHttp等现代...
通常,开发者会在HTML代码中通过`<object>`标签引入插件,设置相应的属性如`id`、`classid`或`codebase`来指定插件的位置和类型。例如: ```html <object id="WebPrint" classid="clsid:01234567-89AB-CDEF-0123-...