js查找元素
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查找元素的更多相关文章
- 原生JS查找元素
今天写了一个很简单.很粗暴的通过JS根据类来查找DOM元素. 为了降低它的粗暴等级(耗费性能)我给了三个等级. 首先性能最好的,适合FF,CH,IE8,通过querySelectorAll这个API. ...
- js查找字符串、js截取
js查找元素.js查找字符串 let index=data.indexOf(","); js截取.js截取字符串 $("#bankurl_id").val(da ...
- selenium常用操作，查找元素，操作Cookie，获取截图，获取窗口信息，切换，执行js代码
目录: 1. 常用操作 2. 查找元素 3. 操作Cookie 4. 获取截图 5. 获取窗口信息 6. 切换 7. 执行JS代码 简介 selenium.webdriver.remote.webdr ...
- js进阶 11-16 jquery如何查找元素的父亲、祖先和子代、后代
js进阶 11-16 jquery如何查找元素的父亲.祖先和子代.后代 一.总结 一句话总结:过滤或者查找的方法里面可以带参数进行进一步的选择. 1.parent()和parents()方法的区别是什 ...
- js能力测评——查找元素的位置
查找元素的位置 题目描述: 找出元素 item 在给定数组 arr 中的位置 输出描述: 如果数组中存在 item,则返回元素在数组中的位置,否则返回 -1 示例1 输入 [ 1, 2, 3, 4 ] ...
- 原生js获取元素的子元素
//使用firstChild //但是下面这种因为有空格,也算其子元素 <lable> <span id="onlinePerson" name="pe ...
- 2016.01.05 DOM笔记（一） 查找元素
DOM节点的种类 元素和标签是一个意思,例如<body>标签或者称为<body>元素 节点DOM的节点分为三类 元素节点,文本节点,属性节点 例如 <div id=‘b ...
- DOM查找元素
1. 查找元素5种: 1. 按id查找1个元素对象: var elem=document.getElementById("id值"); 何时使用:1. 元素必须有id 2. 精确查 ...
- paip.调试js 查看元素事件以及事件断点
paip.调试js 查看元素事件以及事件断点 ff 26 +firebug 查看不出来.. 360 ,虽然也是chrome 基础,但是开发工具烂阿,也是显示不出来.. 作者Attilax 艾龙, ...
随机推荐
- list集合接口
import java.util.ArrayList; import java.util.List; class Phone { private String brand; private doubl ...
- php variance
function variance ($a) { /** variable and initializations */ $the_variance = 0.0; $the_mean = 0.0; $ ...
- 用JavaScript将Canvas内容转化成图片的方法
上周我们花了半天时间开发下一个准备放进Mozilla Marketplace的应用.有一个应用现在非常的火热,那就是Instagram,Facebook花了100万美元收购了它.我们也想有100万美元 ...
- [汇编语言]-第七章 SI和DI
1- SI和DI是8086CPU中和bx功能相近的寄存器, SI和DI不能够分成两个8位寄存器来使用, 下面的三组指令实现了相同的功能: (1) mov bx,0 mov ax,[bx] (2) m ...
- YII学习,实现基于数据库的后台登录,用户体系.
上次研究Yii框架写到了要完成用户登陆系统.这次接着上次的写. 参考官方权威指南和参考手册,外加各种博客文章.历尽千辛万苦,数遍天上滴星星.完成了后台用户登录.这里用到了YII框架的 CUserIde ...
- psycopg2关于undefined symbol: lo_truncate64解决方法
今天,在centos6.5下安装psycopg2,利用Python连接PostgreSQL数据库的时候,出现了一个undefined symbol: lo_truncate6的错误: django.c ...
- CodeForces 214B Hometask
本题求n个数组成的大数,要求是2,3,5的倍数. 因为是2 和5 的倍数,所以个位为 0:所以若n个数中没有0,直接输出-1: 难点就是要求为3 的倍数. 因为若某个数为3的倍数,则其各位数的和必然是 ...
- ORA-01653：表无法通过64（在表空间USERS中）扩展
问题描述:oracle插入数据时显示ORA-01653 表无法通过64(在表空间USERS中)扩展 原因: oracle 表空间满了,需要扩展 截图: 解决方法: 1.首先查下表空间 select ...
- 一步一步学python(四) - 字典
1.字典的使用 创建字典:phonebook = {'Alice': '1234' , 'Beth':'9120'} 2.dict函数 >>>items = [('name','Gu ...
- QT---线程间通信
在 Qt 系统中,运行着一个GUI 主事件线程,这个主线程从窗口系统中获取事件,并将它们分发到各个组件去处理.在 QThread 类中有一种从非主事件线程中将事件提交给一个对象的方法,也就是 QThr ...