DOM属性和事件

1-22 DOM属性设置与获取

 
1、获取属性:
getAttribute("attribute");
var p = document.getElementById("text");
// 获取p标签本身具有的id和align属性:
// 方法:*.id、*.align(class属性除外)
console.log(p.id);
console.log(p.align);
// 如果想获取自定义的属性,得用此方法:
console.log(p.getAttribute("data-opq"));
var input = document.getElementById("user");
console.log(user.name);
2、设置属性:
// 给p标签设置一个data-color属性:
p.setAttribute("data-color","red");//p.setAttribute("属性名","属性值")
user.setAttribute("isRead","false");
3、 删除属性:

p.removeAttribute("align");

 

DOM属性和事件_第1张图片

· 2-9 DOM0级事件

 
DOM0级事件
语法:ele.事件 = 执行脚本
功能:在DOM对象上绑定事件
说明:执行脚本可以使一个匿名函数,也可以是一个函数的调用,如果调用函数,语法是:ele.事件=函数名,不加括号
不建议使用HTML事件原因: 1.多元素绑定相同事件时,效率低 2.不建议在HTML元素中写JS代码
 1 


    
锁定


 原图在这

 

DOM属性和事件_第2张图片

 

你可能感兴趣的:(DOM属性和事件)