【3-30】document获取、事件、标记样式

一、获取标记对象

1、id选择：document.getelementbyid("id名")---根据id找单个元素

2、class选择：document.getelementsbyclassname("class名")---根据class分组找元素，获取一个数组

3、name选择：document.getelementsbyname("name名")----根据name找元素，获取一个数组

4、标记选择：document.getelementsbytagname("标记")----根据标记找元素，获取一个数组

二、事件

1、变量名.onclick---点击事件

2、变量名.onmouseover---鼠标移入事件

3、变量名.onmouseout----鼠标移事件出

三、控制标记的样式

格式：标记对象.style.样式=“值”

样式格式：样式中不能带“-”，“-”删掉，后第一个字母大写

index:对象索引属性，记录一个int类型的值

四、this

定义：this是Javascript语言的一个关键字，他代表函数运行时自动生成的一个内部对象，只能在函数内部使用。this指的是，调用函数的那个对象。

时间： 2024-10-07 09:39:30

【3-30】document获取、事件、标记样式的相关文章

js获取非行间样式或定义样式

1  2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style> 6 *{ text-align:center;} 7 input{ margin-top:30px; padding:10px 20px;} 8 #div1{ width:500px; height:300px; background:red; margin:10px aut

Date对象,封闭空间,函数传参和封装,获取非行间样式,字符串操作

一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1 获取月份( 0-11)----->1-12 oDate.getDate() 获取日 1-31 oDate.getHours() 获取小时 oDate.getMinutes() 获取分 oDate.getSeconds() 获取秒 oDate.getMilliseconds(); //毫秒 oDate.getDay() 获取星期几 0-6 0:星期天例:数码时钟

获取非行间样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{text-align: center} input{margin-top:30px;padding:10px;} #div1{width:500px;height:300px;background:re

js兼容获取元素的样式

js获取元素的样式的兼容性处理: function getStyle(obj,attr){ return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr]; } 使用方法: 如需要获取id为Div1的left值,就可以写成: var oDiv = document.getElementById("div1"); getStyle(oDiv,"left"); 就可以获取到这个div的

javascript 获取内联样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1

继上一篇：获取非行间样式，此处有兼容问题

html格式: <body> <div id="div1" style="width:200px; height:200px; background:red;"> </div> js代码: window.onload=function () { var oDiv=document.getElementById('div1'); //alert(oDiv.style.width); //style只能用来获取行间样式 //I

document获取节点byId&byName

JavaScript获取事件对象和目标对象

在JavaScript开发中,经常需要获取触发某个事件的目标对象.让后根据目标对象进行不同的业务处理.下面展示通过JavaScript获取触发事件的事件目标对象.如下: Js代码 1 2 3 4 5 6 7 8 9 10 window.onload = function(){ var obj = document.getElementById("test"); obj.onclick = function(event){ // W3C的event对象直

JS获取内联样式

JS获取内联样式 //获取内联样式 function getCss(obj,attr){//obj:对象,name:style属性 if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return document.defaultView.getComputedStyle(obj,null)[attr]; } } 大家都知道,用document.getElementById(‘element').style.xxx可以获取

JavaScript获取非行间样式/定义样式

html节点的样式分为以下几种 (1)浏览器默认样式 (2)引用样式(引用外部css文件的样式.style标签内定义的样式) 引用外部css样式:<link rel="stylesheet" href="css/style.css" type="text/css"> style标签内:<style> width:100px; </style> (3)行间样式(节点style属性定义的样式)比如:<div