1、className

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>跨浏览器获取className</title>

    <script>

        window.onload = function () {

            var box = document.getElementById('box');

//            if(box.getAttribute('className') == null) {

//                alert(box.getAttribute('class'));

//            }else {

//                alert(box.getAttribute('className'));

//            }

//            alert(box.onclick);//均返回函数式

//            alert(box.getAttribute('onclick'));//ie7及以下返回函数式，非IE7及以下返回一个字符串abc()

        }

    </script>

</head>

<body>

    <div id="box" class="pox" ddd="aaa" onclick="abc()"></div>

</body>

</html>

　　

2、setAttribute

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>setAttribute</title>

    <script>

        window.onload = function () {

            var box = document.getElementById('box');

//            box.setAttribute('title','标题');//创建一个属性和属性值

            //style,onclick设置属性在IE7无效

            box.setAttribute('style','color:red')//非iE有效，但是在IE7无效,

        }

    </script>

</head>

<body>

    <div id="box">额</div>

</body>

</html>

　　

3、removeAttribute

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>removeAttribute</title>

    <script>

        window.onload = function () {

            var box = document.getElementById('box');

            //removeAttribute在IE6及以下无效

            box.removeAttribute('style')//非iE6有效，但是在IE6及以下无效,

        }

    </script>

</head>

<body>

    <div id="box" style="color: red">额</div>

</body>

</html>

　　

js查找元素的更多相关文章

  1. 原生JS查找元素

    今天写了一个很简单.很粗暴的通过JS根据类来查找DOM元素. 为了降低它的粗暴等级(耗费性能)我给了三个等级. 首先性能最好的,适合FF,CH,IE8,通过querySelectorAll这个API. ...

  2. js查找字符串、js截取

    js查找元素.js查找字符串 let index=data.indexOf(","); js截取.js截取字符串 $("#bankurl_id").val(da ...

  3. selenium常用操作，查找元素，操作Cookie，获取截图，获取窗口信息，切换，执行js代码

    目录: 1. 常用操作 2. 查找元素 3. 操作Cookie 4. 获取截图 5. 获取窗口信息 6. 切换 7. 执行JS代码 简介 selenium.webdriver.remote.webdr ...

  4. js进阶 11-16 jquery如何查找元素的父亲、祖先和子代、后代

    js进阶 11-16 jquery如何查找元素的父亲.祖先和子代.后代 一.总结 一句话总结:过滤或者查找的方法里面可以带参数进行进一步的选择. 1.parent()和parents()方法的区别是什 ...

  5. js能力测评——查找元素的位置

    查找元素的位置 题目描述: 找出元素 item 在给定数组 arr 中的位置 输出描述: 如果数组中存在 item,则返回元素在数组中的位置,否则返回 -1 示例1 输入 [ 1, 2, 3, 4 ] ...

  6. 原生js获取元素的子元素

    //使用firstChild //但是下面这种因为有空格,也算其子元素 <lable> <span id="onlinePerson" name="pe ...

  7. 2016.01.05 DOM笔记（一） 查找元素

    DOM节点的种类 元素和标签是一个意思,例如<body>标签或者称为<body>元素 节点DOM的节点分为三类  元素节点,文本节点,属性节点 例如 <div id=‘b ...

  8. DOM查找元素

    1. 查找元素5种: 1. 按id查找1个元素对象: var elem=document.getElementById("id值"); 何时使用:1. 元素必须有id 2. 精确查 ...

  9. paip.调试js 查看元素事件以及事件断点

    paip.调试js  查看元素事件以及事件断点 ff 26 +firebug 查看不出来.. 360 ,虽然也是chrome 基础,但是开发工具烂阿,也是显示不出来.. 作者Attilax  艾龙,  ...

随机推荐

  1. SqlHelper 简单版

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...

  2. html ul li 显示数据库

    方法1: function insert() { var str=""; var data="你的数据库数据"; str="<ul>< ...

  3. linux学习笔记之系统标准：POSIX，ISO C...

    一.POSIX,ISO C,Single UNIX Specification的概念. 1,POSIX:Portable Operating System Interface.可移植操作系统接口.期望 ...

  4. IE的documentMode属性

    参看下面链接:<IE的documentModeshuxing>

  5. java poi 导入excel

    最近项目需要导入excel,网上有很多例子,自己整合记录下,兼容2003和2007,暂时没有添加图片处理功能. 所需jar包  http://pan.baidu.com/s/1sjPuWDR pack ...

  6. web.xml中<load-on-start>n</load-on-satrt>作用

    如下面一段配置,我们再熟悉不过了: 我们注意到它里面包含了这段配置:<load-on-startup>1</load-on-startup>,那么这个配置有什么作用呢? 作用如 ...

  7. mysql数据库数据恢复方案概括总结

    方案一:(传统方案) 备份+binlog日志增量: 方案二:(针对update.delete语句忘加where的情况) Binlog日志文件中保存有错误操作之前和之后的两组数据,将错误操作之前的数据修 ...

  8. ORACLE DUAL表详解 .

    今天在戴明明同学的QQ空间里看到篇不错的关于DUAL表的文章,自己平时也时而会用到,可是没有系统的学习过,借这个机会学习学习~ ==================================== ...

  9. Wordpress主题中常用代码总结

    1. 在 Wordpress主题中显示最热文章的 PHP代码 <?php $result = $wpdb->get_results("SELECT comment_count,I ...

  10. A+B II

    Problem Description I have a very simple problem for you. Given two integers A and B, your job is to ...