九、JavaScript 和 jQuery 知識總結1

時間 2019-12-11

標籤 javascript jquery 知識總結欄目 JavaScript 简体版

原文原文鏈接

javascriptjavascript

文檔輸出

document.write(‘my name is liguoxiang ‘);java

獲取節點

經過ID獲取node

var x = document.getElementById(「lgx」);app

經過標籤獲取函數

var y = getElementsByTagName("p");spa

經過類名獲取對象

var y = getElementsByClass("class");seo

改變 HTML內容

document.getElementById(id).innerHTML=new HTML事件

改變 HTML 屬性

document.getElementById(id).attribute=new valueip

如：

document.getElementById("image").src="landscape.jpg";

改變 HTML 樣式

document.getElementById(id).style.property=new style

如：

document.getElementById("p2").style.color="blue";

JavaScript HTML DOM 事件

Ø onkeyup

Ø onclick 當用戶點擊鼠標時

onload 和 onunload 事件會在用戶進入或離開頁面時被觸發

如：

Ø onmouseover 和 onmouseout 事件可用於在用戶的鼠標移至 HTML 元素上方或移出元素時觸發函數。

Ø onmousedown, onmouseup 以及 onclick 構成了鼠標點擊事件的全部部分。首先當點擊鼠標按鈕時，會觸發 onmousedown 事件，當釋放鼠標按鈕時，會觸發 onmouseup 事件，最後，當完成鼠標點擊時，會觸發 onclick 事件

增刪節點

建立新的 HTML 元素

var para=document.createElement("p"); //建立新的 <p> 元素：

var node=document.createTextNode("這是新段落。");//建立文本節點

para.appendChild(node); //向 <p> 元素追加這個文本節點

var element=document.getElementById("div1"); element.appendChild(para);

刪除已有的 HTML 元素

var parent=document.getElementById("div1"); var child=document.getElementById("p1"); parent.removeChild(child); //從父元素中刪除子元素：

或

var child=document.getElementById("p1"); child.parentNode.removeChild(child); //找到父節點再刪除子節點

JavaScript 字符串(String)對象

var txt="Hello world!"document.write(txt.length)

var txt="Hello world!"document.write(txt.toUpperCase())

var str="Visit Microsoft!"

document.write(str.replace(/Microsoft/,"W3School"))

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。