网易微专业-DOM编程艺术 03属性操作

1、HTML attribute → DOM property

网易微专业-DOM编程艺术 03属性操作_第1张图片

2、properity accessor

网易微专业-DOM编程艺术 03属性操作_第2张图片
网易微专业-DOM编程艺术 03属性操作_第3张图片
Paste_Image.png
网易微专业-DOM编程艺术 03属性操作_第4张图片
类型 ✘通用性-名字异常;✘扩展性;✔实用对象

3、g/setAttribute

网易微专业-DOM编程艺术 03属性操作_第5张图片
网易微专业-DOM编程艺术 03属性操作_第6张图片
网易微专业-DOM编程艺术 03属性操作_第7张图片
类型 ✘仅字符;✔通用性

4、dataset

网易微专业-DOM编程艺术 03属性操作_第8张图片
dataset
网易微专业-DOM编程艺术 03属性操作_第9张图片
dataset一般用来做自定义属性
网易微专业-DOM编程艺术 03属性操作_第10张图片

鼠标放在左侧名字上出现对应信息。

Q1:var lis=document.getElementByTagName("li"); lis值??
Q2:onmouseenter ??
Q3:event=event || window.event; ??
Q4:var user = event.target || event.srcElement; ??
Q5:li{cursor:default;} 默认值有必要写么??
Q6:border-collapse
Q7:caption{border-bottom;} ??
Q8:

??




    
    Pratice
    


    
    
  • wwq
  • cjf

晚上尝试自己写(CSS未写),出现问题有:
①data-name="name"等→data-name="wwq",直接写实参
②function $id(id) → function $(id)
③var user = event.target || strElement; → var user = event.target || event.srcElement; 【srcElement??
④var data = data.dataset; →var data = user.dataset;
⑤var onmouseenter → li.onmouseenter

Q1:legend ??

Q2:fieldset ??

Q3:label for=" "中for ??

Q4:form action="" 中action??

网易微专业-DOM编程艺术 03属性操作_第11张图片



    
    test
    


    
手机号码登录
```

你可能感兴趣的:(网易微专业-DOM编程艺术 03属性操作)