【js基础——属性操作】的更多相关文章

js基础——属性操作

html属性:属性名——属性值 操作:读 . 写 读操作:用来获取.找到属性名对应的属性值,方法:元素.属性名 例如:var oBtn = document.getElementById('btn1');   alert(oBtn.value); 写操作:用来添加.替换.修改属性名与属性值,方法:元素.属性名 = 新的属性值 例如:var oSelect = document.getElementById('select1');  oSelect.value = "aaa"; 但是,当…

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基础——事件操作总结

通用事件绑定   function bindEvent(elem,type,fn) { elem.addEventListener(type,fn); } let a =document.getElementById('a'); bindEvent(a,'click',function(e){ e.preventDefault() //阻止浏览器默认行为,防止调转 alert(‘clicked’); })  事件冒泡 <body> <div> <p id ="p1&…

js基础---元素操作时字符串拼接

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0px;padding:0px;} #box{position:relative;} #box div{width:20px;height:20px;background:red;position:absolute;} </st…

GSAP JS基础教程--TweenLite操作元素的相关属性

今天来学习用TweenLite操作元素的各种属性,以Div为例,其他元素的操作也是一样的,只是可能一些元素有它们的特殊属性,就可能不同罢了.   代码里用详细注释,我就不再重复啦,大家看代码就可以啦!   注:要一条条撤销注释看效果哦!!!!!!!!!!     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"…

[妙味JS基础]第一课：属性操作、图片切换、短信发送模拟

知识点总结 HTML的属性操作:读.写 元素.属性名 => “读” 元素.属性名＝新的值 => “写” 例如: oBtn.value => “读” oBtn.value='按钮' => “写” 注意事项: 1.表单元素的类型不要乱改,即oInput.type='checkbox',因为IE6.IE7.IE8不支持 如果还要实现这种效果, 比如:点击后,由button变成checkbox 实现方法:将button隐藏起来,checkbox显示来实现 2.float IE(styleF…

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

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

【2017-03-28】JS基础、DOM操作

一.JS基础 1.javascript功能 ⑴进行数据运算 ⑵控制浏览器功能 ⑶控制元素的属性.样式.内容 2.javascript位置和格式 可以放在html页的任意位置,也可以创建一个以js结尾的文件内,将该文件引用到html页内 推荐放在<html></html>后边 <script type="text/javascript"> js脚本语言位置 </script> 3.3个常用对话框 alert("警告内容"…

js学习笔记2---HTML属性操作

1.HTML属性操作:读.写 属性名 属性值   2.属性读操作:获取.找到 a) 语法:元素.属性名 如:document.getElementById(“btn”).value; b) 字符串的连接: + 3.属性写操作:(“添加”)替换.修改 a) 语法:元素.属性名 = 新的值 如:document.getElementById(“btn”).value = “嘛呢嘛呢哄~变变变”; .元素内容操作:(“添加”)替换.修改 oP.innerHTML           读取元素内的所有H…