JS中如何获取元素

1.通过ID名称来获取元素:
document get element by id ‘link‘
document.getElementById(‘link‘);

事件:鼠标事件、键盘事件、系统事件、表单事件、自定义事件
例:onclick 鼠标点击事件
onmouseover 鼠标移入事件
onmouseout 鼠标移出事件

如何添加事件:
元素.事件 (元素.onmouseover)

函数:可以理解为-命令,做一些事...
function(函数的关键词)
语法:
function abc(){ //肯定不会主动执行的
......
}
让它执行的方法:
1.直接调用:abc();
2.事件调用:元素.事件 = 函数名 (oDiv.onclick = abc;)

function (){} 匿名函数
元素.事件 = function (){};

初学者:最好保持一种,随时写随时测试的习惯
测试:
alert(1); 带一个确定按钮的警告框
alert(‘ok‘); ‘ok‘字符串 单引号、双引号都可以

时间: 2024-12-28 00:02:44

JS中如何获取元素的相关文章

JS中对数组元素进行增删改移

在js中对数组元素进行增删改移,简单总结了一下方法: 方法 说明 实例 push( ); 在原来数组中的元素最后面添加元素 arr.push("再见58"); unshift( ); 在原来数组中的元素最前面添加元素 arr.shift("你好58"): pop(); 移除数组中最后面的一个元素 arr.pop(); shift(); 移除数组中最前面的一个元素 arr.shift(); concat(); 拼接两个数组中的元素 (哪个数组在前面,拼接后它的元素就在

js中常用追加元素的几种方法:append,appendTo,after,before,insertAfter,insertBefore,appendChild

js中常用追加元素的几种方法,点击下面每个按钮,即可查看效果 我是第一个子元素 我是第二个子元素 append appendTo prepend prependTo after before appendChild insertAfter insertBefore

js动画之获取元素属性

首先我们要介绍一些知识 offsetWidth element.offsetWidth = width + padding + border; width 我们也知道element.style.width 这个属性一般用来修改属性,那么在获取这个属性的时候, 如果这个元素的的样式是定义在css的文件或者头样式中,都是获取不到的,只有行内样式才是获取到 <!DOCTYPE html> <html lang="en"> <head> <meta c

php设置cookie,在js中如何获取

在php中设置cookie. $email="[email protected]"; setcookie("y_email",$email,time()+3600,"/"); js中获取cookie function getCookie(c_name) { if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "=") if (c

js学习总结----获取元素的偏移量offset

前言:以前一直是看别人写的,然后学习点东西,现在也把自己的学习记录下来,给大家一个学习的机会,欢迎大家多多评论和推荐哈,共同进步.竟然还有六个人关注我了 ,哈哈 开心.我会继续写下去的.. null和undefined都代表没有,但是null是属性存在值不存在,undefined是连这个属性都不存在 //例如 document.parentNode//浏览器天生自带的一个属性:父亲节点的属性 null (因为一个页面中的document已经是最顶级元素了,它没有父亲) document.pare

JS中对获取一个标签的class的方法封一个库

在JS中我们经常会会用到,获取一个标签的id var aId=document.getElementById("id") 现在虽然有getElementsByClassName这个方法,但是这个方法再ie6下兼容性存在问题,所以保险起见还是封一个获取class的库 首先先看库 /** * Created by asus on 2016/12/4 By dirk_jian. */ function getByclass(oParent,sClass){ var aEle=oParent.

Canvas中鼠标获取元素并拖动技术

Silverlight拖动,需要Canvas. Canvas管网定义: 定义一个区域,在该区域中可以使用相对于该区域的坐标显式定位子元素. XAML <Canvas ...> oneOrMoreUIElements </Canvas> -or- <Canvas .../> XAML 值 值 描述 oneOrMoreUIElements 从 UIElement 对象派生的以下对象元素中的一个或多个:Border (Silverlight 2).Canvas.Ellipse

js中删除数组元素的几种方法

1:js中的splice方法 splice(index,len,[item])    注释:该方法会改变原始数组. splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标        len: 替换/删除的长度       item:替换的值,删除操作的话 item为空 如:arr = ['a','b','c','d'] 删除 ----  item不设置 arr.splice(1,1)   //['a','c','d']         删除起始下

js根据类名获取元素的底层原理

页面代码片段 <div></div> <div class="box fl">这是box</div> <div class="colorRed box3">这是box</div> <div></div> <div class="box">这是box</div> <div id="text"> &l