js基础——属性操作
html属性:属性名——属性值
操作:读 、 写
读操作:用来获取、找到属性名对应的属性值,方法:元素.属性名
例如:var oBtn = document.getElementById('btn1');
alert(oBtn.value);
写操作:用来添加、替换、修改属性名与属性值,方法:元素.属性名 = 新的属性值
例如:var oSelect = document.getElementById('select1');
oSelect.value = "aaa";
但是,当我们读取或者设置class属性时,不可以直接写 元素.class,因为class为保留字,我们可以通过 元素.className来读取和设置该属性值
另外,在设置或者读取类似font-size、background-color等值时,不可以写作 元素.style.font-size,js不支持“-”,此时要写为“驼峰”式,即 元素.style.fontSize即可
对于img中的src属性,我们可以给其设置属性值,该值可以是绝对路径、相对路径以及URL地址,但是当我们在读取src属性时,该值是绝对路径,并且如果有中文的话,中文会经过UrlEncode编码之后返回,所以我们一般不可以利用这种方式进行判断if( oImg.src == 'img/1.jpg' ){},也就说src属性值不能作为判断条件,类似于src这种情况的还有:颜色值:color: red #f00 rgb() rgba()
现在,再说说float,如果直接进行这样设置:oDiv.style.float = 'right';,恐怕结果要让我们失望了,对于IE浏览器,我们需要这样设置:oDiv.style.styleFloat = 'right'; 对于非IE浏览器,我们这需要这样设置:oDiv.style.cssFloat = 'left';
额,还有input中的type属性,一般,我们是可以修改type属性的,不过IE6/7/8则不支持
js基础——属性操作的更多相关文章
- JS基础属性跟运算
小编这周学了JS函数基础知识跟运算!!下面就迫不及待跟大家分享一下 [switch case的结构写法] 结构写法:(略) 2注意事项: ①switch结构()中的表达式.可以使用各种js支持的数据类 ...
- JS Attribute属性操作
Attribute是属性的意思,文章仅对部分兼容IE和FF的Attribute相关的介绍. attributes:获取一个属性作为对象 getAttribute:获取某一个属性的值setAttribu ...
- JS基础——事件操作总结
通用事件绑定 function bindEvent(elem,type,fn) { elem.addEventListener(type,fn); } let a =document.getEle ...
- js基础---元素操作时字符串拼接
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- GSAP JS基础教程--TweenLite操作元素的相关属性
今天来学习用TweenLite操作元素的各种属性,以Div为例,其他元素的操作也是一样的,只是可能一些元素有它们的特殊属性,就可能不同罢了. 代码里用详细注释,我就不再重复啦,大家看代码就可以啦! ...
- [妙味JS基础]第一课:属性操作、图片切换、短信发送模拟
知识点总结 HTML的属性操作:读.写 元素.属性名 => “读” 元素.属性名=新的值 => “写” 例如: oBtn.value => “读” oBtn.value='按钮' = ...
- JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象
前 言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...
- 【2017-03-28】JS基础、DOM操作
一.JS基础 1.javascript功能 ⑴进行数据运算 ⑵控制浏览器功能 ⑶控制元素的属性.样式.内容 2.javascript位置和格式 可以放在html页的任意位置,也可以创建一个以js结尾的 ...
- js学习笔记2---HTML属性操作
1.HTML属性操作:读.写 属性名 属性值 2.属性读操作:获取.找到 a) 语法:元素.属性名 如:document.getElementById(“btn”).value; b) 字符串的连 ...
随机推荐
- C# Socket服务端和客户端互相send和receive
服务端 { ]; ; { ...
- GridView专栏
鉴于GridView的强大,鄙人突然心血来潮,想把GridView单独拿出来整理一下. (一)gridview如何加自增长列 protected void GridView1_RowDataBound ...
- 蜗牛爱课 - iOS7、8模态半透明弹出框
//源Controller中跳转方法实现 MKDialogController *controller = [[MKDialogController alloc] init]; controller. ...
- Spring IOC的配置使用(转)
转:http://www.cnblogs.com/linjiqin/p/3408306.html Spring IOC的配置使用 1.1.1 XML配置的结构一般配置文件结构如下: <beans ...
- poj3461Oulipo
Description The French author Georges Perec (1936–1982) once wrote a book, La disparition, without t ...
- js 完美兼容浏览器的复制功能
1,js结合swf的复制功能,完美兼容火狐,谷歌,360,ie8,使用示例:(ps:引入copy.swf比较重要,文件传送门 解压密码:http://www.bieanju.com/,为了防止360删 ...
- js中继承的方法总结(apply,call,prototype)
一,js中对象继承 js中有三种继承方式 1.js原型(prototype)实现继承 代码如下: <SPAN style="<SPAN style="FONT-SIZE ...
- Picasso 加载图片到RelativeLayout之解决方案
Picasso 加载图片到ImageView 或者自己的自定义View都是可以直接调用对应API的,但是用into(0直接也加载到RelatieLayout就不好使了,可以这样来: Picasso.w ...
- PHP面试题之文件目录操作
获取文件后缀,遍历目录层次 /** * 5种方式获取文件后缀名 * 这道题其实就是考函数substr() strrchr() array_pop() strrpos() strpos() strrev ...
- PHP获取真实的网络IP
function get_client_ip() { $ip = $_SERVER['REMOTE_ADDR']; if (isset($_SERVER['HTTP_CLIENT_IP']) & ...