python自動化學習筆記之DAY15
JavaScript基礎
1、function對象
函數定義:
function 函數名 (參數){ <BR> 函數體;
return 返回值;
}
可以使用變量、常量或表達式作為函數調用的參數
函數由關鍵字function定義
函數調用:函數名(參數)即可調用
2、DOM對象
HTML DOM定義了訪問和操作HTML文檔的標準方法
HTML DOM把HTML文檔呈現為帶有元素,屬性和文本的樹結構(節點數)
2.1 節點查找
document.getElementById("idname") 查找的為對象,可以直接調用
document.getElementsByTagName("tagname") 查找的集合
document.getElementsByByName("name") 查找的集合
document.getElementsByClassName("name") 查找的集合Elementt
2.2 導航節點屬性
parentElement 父節點標簽元素
children 所有子標簽
firstElementChild 第一個子標簽元素
lastElementChild 最後一個子標簽元素
nextElementChild 下一個兄弟標簽元素
previousElementSibling 上一個兄弟標簽元素
2.3 操作標簽
(1) 文本操作
取值操作:
DOM對象.innerText
DOM對象.innerHTML
賦值操作:
DOM對象.innerHTML="hello world"
DOM對象.innerText="hello world"
(2) 屬性操作
DHTML的簡潔語法:
console.log(DOM對象.屬性名);
DOM對象.屬性=值
原生JS:
console.log(DOM對象.getAttribute("屬性名"))
DOM對象.setAttribute("屬性名","值")
value:
input,select ,textarea
(3) class屬性操作
DOM對象.classList.add("hide");
DOM對象.classList.remove("c1");
左側菜單實例
(4) css樣式設置
DOM對象.style.樣式屬性=樣式值
2.4 節點操作
createElement(標簽名):創建一個指定名稱的元素
父節點.appendChild(newnode):添加節點
父節點.insertBefore(newnode,某個節點):
父節點.removeChild(子節點):刪除節點
父節點.replaceChild(新節點,被替換節點)
2.5 事件
onclick 單擊事件
ondblclick 雙擊事件
onload 一張頁面或一幅圖像完成加載
onsubmit事件 確認按鈕被點擊 阻止默認事件發生:return false
onkeydown事件 某個鍵盤按鍵被按下
onselect事件 文本本選中
onmouseover事件 鼠標從元素離開
jQuery基礎
1、jQuery定義
jQuery對象就是通過jQuery包裝DOM對象後產生的對象。jQuery對象是jQuery獨有的,如果一個對象是jQuery對象,那麽他就可以使用jQuery裏的方法。
2、基本選擇器
$(" * "):所有
$("#id"):按照id查找
$(".class"):按照class查找
$("element")
$(".class,p,div")
python自動化學習筆記之DAY15