Javascript通过样式名获取元素,byClass

function byClass(classname){
  if(document.getElementsByClassName){ //if it is Firefox
    return document.getElementsByClassName(classname);
  }else{
    tags=document.getElementsByTagName("*");
    tagslength=tags.length;
    gettags=[];
    for(var i=0;i<tagslength;i++){
      if(tags[i].className==classname){
        gettags.push(tags[i]);
      }
    }
    return gettags;
  }
}
时间: 2024-10-25 03:55:26

Javascript通过样式名获取元素,byClass的相关文章

JavaScript 节点分类与获取元素的方法

节点: 在DOM中有许多不同类型的节点.主要分为三类:元素节点,文本节点,属性节点. 元素节点: 像<body>,<p>,<ul>之类的元素. 文本节点:像<p>This is an example</p>.其中This is an example 是一个文本节点.文本节点总是被包含在元素节点的内部. 属性节点: 属性节点用来对元素做出更具体的描述.例如,几乎所有的元素都有一个title属性,<p title="an exampl

原生JavaScript根据样式名称检索元素对象

function getElementsByClassName(name) { var tags = document.getElementsByTagName('*') || document.all; var els = []; for (var i = 0; i < tags.length; i++) { if (tags[i].className) { var cs = tags[i].className.split(' '); for (var j = 0; j < cs.lengt

JavaScript通过元素id和name直接获取元素的方法

概览: 偶然的机会,我在JavaScript中直接用HTML元素的id属性来获取该元素,并设置该元素的其他属性值,竟然能够正确解析不报错!于是我去查阅相关资料,也有其他同行这么用. 虽然说这种用法不是标准用法,推荐使用 document.getElementById(id);document.getElementByName(name); ,但也是一种新发现,先记录下来,以备后用. 本文讲述了JavaScript通过元素id和name直接获取元素的方法,以及自己在实践过程中总结的注意事项. 具体

js if for 详解 获取元素方式 及一些js 基础知识

##获取元素的新方法## --document.querySelector('Css Selector{css选择器}') 接收一个css选择器(通配,群组,类,包含,id....等) 若这个选择器对应的是一组元素,就找第0个,注意js从0开始计数.CSS计数从一开始. ##判断## 当同一种操作有两种不同结果时要用if if(判断条件){ 条件成立执行内容 }else{ 条件不成立执行内容} if括号中真正接收的是布尔值即true 或 false if(最终接收内容为true或false){

【JS教程05】获取元素的方法

获取元素方法 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量,比如: <script type="text/javascript"> var oDiv = document.getElementById('div1'); </script> .... <div id="div1">这是一个div元素</div> 上

JavaScript获取元素样式

原生的JavaScript获取写在标签内部的样式很简单: <div class="test" id="test" style="width:100px;">test</div> <script type="text/javascript"> window.onload=function(){ var oTest=document.getElementById("test"

javascript 获取元素样式的方法

javascript 获取元素样式常用方法. Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式(<div style="color:#369">hello</div>),可以直接使用element.style.color来直接获取css属性的值: 2. 但是对于外部定义的css样式使用这种方式就无法获取了,而且IE浏览器和其他标准浏览器(Firefox,Chrome,Opera,

JavaScript 获取元素样式属性以及兼容代码封装

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } div { width: 300px; height: 200px; background-color: pink; left: 100px; } <

Web-Lesson05-初识JavaScript:获取元素 事件

JavaScript:是一种脚本语言,动态类型.弱类型.通常用来操作HTML页面(HTML是骨架结构,CSS是样式装饰,JS是行为交互) 弱类型的体现: 一.JavaScript书写格式     1.Js代码写在哪里 1.JavaScript标签里. 2.写在外部.js后缀文件里,通过script标签引入(引入.js文件的script标签里,一定不能再写js代码,标签里写js代码一般情况不推荐) 2.script标签写在哪里 1.head里 2.body里(如果没有特殊要求,一般script标签