document

document

 

1找到元素：
var a =docunment.getElementById("id");將找到的元素放在變量中；
docunment.getElementsByName("name")；根據name找，找出來的是數組；
docunment.getElementsByTagName("name")；根據標籤名找，找出來的是數組；
docunment.getElementsByClassName("name") 根據classname找，找出來的是數組；
2操做內容：
1） 非表單元素(不是input類型)：
獲取內容：
a.innerHTML標籤裏的html代碼和文字都獲取了，標籤裏面的全部內容。
a.innerText只取裏面的文字
設置內容：
a.innerHTML = "<font color=‘red’ >hello world </font>";
外邊是「」，裏邊就用‘’。
a.innerText會將賦的東西原樣呈現
清空內容：賦值個空字符串
2）表單元素：
獲取內容 var t = document.getElementById("id"); 直接用ID獲取。
t.value 獲取input中的value值；
alert(t.innerHTML); 獲取<textarea> 這裏的值 </textarea>；
設置內容： t.value="內容改變"；
3操做屬性
a.setAttribute("屬性名","屬性值"); 設置一個屬性，添加或更改均可以；
a.getAttribute("屬性名")；獲取屬性的值；
a.removeAttribute("屬性名")；移除一個屬性（恢復默認值）
4操做樣式
a.style="" ； 操做此ID樣式的屬性。
操做樣式的class：a.className="樣式表中的className" 操做一批樣式
onclick="this.className="b""當點擊時將標籤的樣式改成css中的b樣式
5相關元素操做：
var a = document.getElementById("id");找到a；
var b = a.nextSibling，找a的下一個同輩元素，注意包含空格；
var b = a.previousSibling，找a的上一個同輩元素，注意包含空格；
var b = a.parentNode，找a的上一級父級元素；
var b = a.childNodes，找出來的是數組，找a的下一級子元素；
var b = a.firstChild，第一個子元素，lastChild最後一個，childNodes[n]找第幾個；
6元素的建立、添加、刪除：
建立一個元素:
var obj = document.createElement("標籤名")；
obj.innerHTML = "hello world";
a.appendChild(obj);向a中添加一個子元素。
a.removeChild(obj);刪除一個子元素。
7字符串的操做：
初始化
var s = new String();
var s = "hello world";
alert(s.toLowerCase());轉小寫 toUpperCase() 轉大寫
alert(s.substring(3,8));從第三個位置截取到第八個位置
alert(s.substr(3,8));從第三個位置開始截取，截取八個字符長度，不寫後面的數字是截到最後.
s.split('');將字符換按照指定的字符拆開，放入數組，自動排序
s.length是屬性
s.indexOf("world");world在字符串中第一次出現的位置，沒有時返回-1
s.lastIndexOf("o");o在字符串中最後一次出現的位置
8日期時間的操做
var d = new Date();初始化得到當前時間
d.getFullYear():取年份；
d.getMonth():取月份，取出來的少1； 
d.getDate():取天； 
d.getDay():取星期幾
d.getHours():取小時； 
d.getMinutes():取分鐘；d.getSeconds():取秒
d.setFullYear():設置年份，設置月份的時候注意-1。
9數學函數的操做
Math.ceil()；取上線
Math.floor();取下限
Math.sqrt();開平方根
Math.pow(a,n);a^n
Math.round();四捨五入
Math.random();隨機數，0-1之間。
10s.match(a); s表明一個字符串，a表明一個字符串，二者進行匹配，若是兩個字符串不匹配。