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则不支持

时间: 2024-08-06 11:53:23

js基础——属性操作的相关文章

js第一节-js的属性操作

js第一节-js的属性操作 今天我们第一节的内容主要跟大家聊聊js的属性操作,那么什么是属性呢?属性就是对于一个事物的描述,比如一个元素它的id,它的value值等.每个元素都有其自己本有的属性,也有我们给它定义的属性--自定义属性,总之这些都是描述其元素独有特性的.现在呢,我通过两个实例跟大家讲解一下什么是js的属性操作. 一.第一个实例是:图片的轮播图 效果图: 图1:加载的时候 图2:加载之后 HTML代码和CSS代码: JS代码: 上面用到了var oId = document.getE

javascript基础——属性操作

HTML 的属性操作:读.写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS属性操作</title> <script> /* HTML 的属性操作:读.写 属性名: 属性值: 读操作:获取.找到 元素.属性名 写操作:“添加”.替换.修改 元素.属性名 = 新的值 */ window.o

JS的属性操作(2)

1.点击下拉框选择信息 2.点击按钮,下拉框内选择的信息会自动跳转到文本输入框 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 7 <script> 8 /* 9 HTML

JS的属性操作(1)

1.在文本框输入信息,选择城市 2.点击按钮 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 7 <script> 8 /* 9 HTML 的属性操作:读.写 10 属性名

Js的属性操作(1)

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title> <script>/* HTML 的属性操作:读.写 属性名: 属性值: 读操作:获取.找到 元素.属性名 写操作:"添加".替换.修改

JS基础属性跟运算

小编这周学了JS函数基础知识跟运算!!下面就迫不及待跟大家分享一下 [switch case的结构写法] 结构写法:(略) 2注意事项: ①switch结构()中的表达式.可以使用各种js支持的数据类型: ②switch结构 在进行判断的时候,使用的===判断: ③case后面的表达式可以是各种数据类型,但是值要求各不相同,否则也只会执行第一个case; ④break作用:执行完case代码后,跳出当前switch结构: 缺少break的后果:从第一个正确的case项开始后,执行后面所有的cas

JS Attribute属性操作

Attribute是属性的意思,文章仅对部分兼容IE和FF的Attribute相关的介绍. attributes:获取一个属性作为对象 getAttribute:获取某一个属性的值setAttribute:建立一个属性,并同时给属性捆绑一个值createAttribute:仅建立一个属性removeAttribute:删除一个属性 getAttributeNode:获取一个节点作为对象setAttributeNode:建立一个节点removeAttributeNode:删除一个节点 attrib

js基础之js中的HTML属性操作与注意事项

一.js中的HTML属性操作HTML属性操作:读和写: 属性读操作:作用:获取.找到: 语法:元素.属性名 属性写操作:作用:替换.修改: 语法:元素.属性名 = 新的值--->就替换了. innerHTML:读取元素内的所有HTML内容: 语法:元素.innerHTML://读取HTML内容 语法:元素.innerHTML = 新值://修改HTML内 容 /*属性读写操作注意事项*/1.JS中不允许出现“-”例:oDiv.style.fontSize将font-size 中的“-”去掉,si

JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

   前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学,经过初步的学习,会对这一门语言有了一定深入的了解,也会感受到这一门语言的强大之处.希望各位同学通过一定的学习,会得到等大的收获. 因为是最后一篇所以内容可能有点多,希望各位同学能够慢慢看,细细看,让我们一起学习,一起进步,一起感受JS的魅力. 一函数 函数的声明及调用 1.函数的声明格式: func