DOM操作通过类名获取元素

<span style="font-family:Microsoft YaHei;font-size:18px;">clsname是要获取元素的类名,parentId是要获取父元素id</span>
<span style="font-family:Microsoft YaHei;font-size:18px;">
</span>
<span style="font-family:Microsoft YaHei;font-size:18px;">function getElementsByClassName(clsname,parentId){
	var p = parentId?document.getElementById(parentId):document,
	      elements = [],
	      sonEle = document.getElementsByTagName("*");

		for(var i = 0;i<soneEle.length;i++){
			if(sonEle[i].className==clsname){
				elements.push(sonEle[i]);
			}
		}
		return elements;
}</span>

时间: 2024-08-27 04:26:45

DOM操作通过类名获取元素的相关文章

js根据类名获取元素的底层原理

页面代码片段 <div></div> <div class="box fl">这是box</div> <div class="colorRed box3">这是box</div> <div></div> <div class="box">这是box</div> <div id="text"> &l

DOM操作 、js获取id的内容 和修改原来的内容(innerHTML)

js获取id的内容(getElementById) 和修改原来的内容(innerHTML) 1.通过ID获取元素 学过HTML/CSS样式,都知道,网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每人有一个身份证号一样,只要通过身份证号就可以找到相对应的人.那么在网页中,我们通过id先找到标签,然后进行操作. 语法: document.getElementById(“id”)   看看下面代码: 结果:null或[object HTMLParagraphElement] 注:获取的元

轻松学习JavaScript二十一:DOM编程学习之获取元素节点的子节点和属性节点

我们这里所说的获取元素节点的所有子节点包含元素子节点和文本节点两种.还是拿上一篇博文的代码实例进行 分析: <span style="font-size:18px;"><span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

WebBrowser网页操作之提取获取元素和标签(完整篇)

最近使用WebBrower做了几个Hook小程序,收集积累如下: using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows.Forms;// namespace WebBrowser网页操作 { public class Element { //根据Name获取元素 public HtmlElement GetElement_Name(Web

jQuery08源码 (5140 , 6057) DOM操作 : 添加 删除 获取 包装 DOM筛选

jQuery.fn.extend({ //$('ul').find('li').css('background','red'); //$('ul').find( $('li') ).css('background','red'); find: function( selector ) { var i, ret = [], self = this, len = self.length; if ( typeof selector !== "string" ) {//$('li') //jQ

DOM操作-根据name获取网页中的全部复选框

描述: 与id不同,多个元素可以使用相同的name属性,如果需要获取这一类元素的DOM对象,就需要使用getElementsByName()函数 代码: —————————————————————————————————————————— <script>       //获取多个DOM      function getDomsByName(){        //获取的DOMS        var doms = document.getElementsByName("myNam

jQuery使用(四):DOM操作之查找兄弟元素和父级元素

查找兄弟元素 向下查找兄弟元素 next() nextAll() nextUntil() 向上查找兄弟元素 prev() prevAll() prevUntil() 查找所有兄弟元素 siblings()  1.1.1.next()方法用来查找下一个兄弟元素,可以传参也可以不传参.参数可以是任意jQuery选择器,表示如果下一个元素如果是指定的元素就选定.当没有选中指定的元素时,jQuery链式调用还是保持原来的jQuery对象. <!-- next --> <button>点我&

JavaScrip——DOM操作(查找HTML元素/修改元素)

innerHTML 1.查找元素——document.getElementById("intro") 2.输出查找的结果: (1)var a=document.getElementById("intro"); document.write(a.innerHTML);  (2) <div id="me"><b>试试吧</b></div> var b=document.getElementById(&q

JavaScript DOM编程 学习笔记-获取元素节点

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload = function() { //在编写html文档时需要确定id属性值是唯一的 //该方法为doc