HTML5常用对象&方法

1、contentEditable属性：

允许用户在线编辑元素中的内容

 

<ul contentEditable="true">...</ul>

 

 

2.designMode属性：

指定整个页面是否可编辑。

 

document.designMode=on/off;

 

 

3.hidden属性：

设置元素是否可见

 

<input type="number" hidden="true">

 

 

4.spellcheck属性、tabindex属性

是否拼写检查和用tab切换输入控件的顺序

 

5.获取元素方法: querySelector

document.getElementById("rank_list");
document.getElementsByName("rank_list");
document.getElementsByTagName("li");

 html新增了一些获取元素的方法

document.querySelector(".rank_list",".recommend_list");
document.querySelectorAll(".rank_list",".recommend_list");

 

6.JavaScript日志和调试：

console.error("页面加载");

 

7.window.JSON->parse()/stringify()

var data = {
    name:"James",
    age:26,
    addres:["美国","克利夫兰市"]
};
console.error(window.JSON.stringify(data.addres));

 

8.事件处理

addEventListener(),dispatchEvent()

 

(继续更新...)