1. 程式人生 > >python自動化學習筆記之DAY15

python自動化學習筆記之DAY15

als iou inpu 設置 insert return 函數調用 雙擊事件 over

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