js,jquery獲取節點以及內容和屬性

2021-09-25 07:58:03 字數 2799 閱讀 3488

document.getelementbyid('id');                  通過id獲取

document.getelementsbyname('name'); 通過name屬性

document.getelementsbytagname('div'); 通過標籤名

document.getelementsbyclassname('classname'); 通過類名

document.queryselector('.animated'); 通過選擇器獲取乙個元素

document.queryselectorall('.animated'); 通過選擇器獲取一組元素

document.documentelement 獲取html的方法document.documentelement是專門獲取html這個標籤的

document.body 獲取body的方法document.body是專門獲取body這個標籤的。

var a = document.getelementbyid(「dom」);

通過id獲取到該節點

del_space(a);

清理空格

var b = a.childnodes;

獲取a的全部子節點;

var c = a.parentnode;

獲取a的父節點;

var d = a.nextsibling;

獲取a的下乙個兄弟節點

var e = a.previoussibling;

獲取a的上乙個兄弟節點

var f = a.firstchild;

獲取a的第乙個子節點

var g = a.lastchild;

獲取a的最後乙個子節點

jquery.parent(expr) ;

找父元素

jquery.parents(expr) ;

找到所有祖先元素,不限於父元素

jquery.children(expr) ;

查詢所有子元素,只會找到直接的孩子節點,不會返回所有子孫

jquery.contents() ;

查詢下面的所有內容,包括節點和文字.

jquery.prev() ;

查詢上乙個兄弟節點,不是所有的兄弟節點

jquery.prevall() ;

查詢所有之前的兄弟節點

jquery.next() ;

查詢下乙個兄弟節點,不是所有的兄弟節

jquery.nextall() ;

查詢所有之後的兄弟節點

jquery.siblings() ;

查詢兄弟節點,不分前後

jquery.find(expr);

$ (「p」).find(「span」)是從元素開始找,等於$(「p span」)

跟jquery.filter(expr)完全不一樣而jquery.find()的返回結果,不會有初始集中篩選出一部分,而jquery.find()的返回結果,不會有初始集合中的內容,

jquery.filter(expr);

是從初始的jquery物件集合中篩選出一部分

js獲取text、html、屬性值、value的方法

document.getelementbyid("test").innertext;

document.getelementbyid("test").innerhtml;

document.getelementbyid("test").id;

document.getelementbyid("test1").value;

jquery獲取text、html、屬性值、value的方法
$("#test").text()或者$("#test").innertext

$("#test").html()或者$("#test").innerhtml

$("#test").attr("id")

$("#test").attr("value")或者$("#test1").val()或者$("#test1").value

html:
這是段落中的粗體文字。

js:

js與jquery,text與innertext獲取

$("#btn10").click(function());

$("#btn11").click(function());

$("#btn12").click(function());

js與jquery,html與innerhtml獲取
$("#btn20").click(function());

$("#btn21").click(function());

$("#btn22").click(function());

js與jquery,屬性值獲取
$("#btn30").click(function());

$("#btn31").click(function());

html:
js與jquery,value獲取
$("#btn40").click(function());

$("#btn41").click(function());

$("#btn42").click(function());

JS Jquery獲取節點

js 1.通過byclassname,byid,bytagname,name 2.獲取子節點 通過childrens獲取子節點集,會把換行和空格 document.getelementby children 0 通過firstelementchild獲取第乙個子節點 document.getelem...

JS JQuery獲取元素的方法

jquery獲取 jquery.parent expr 找父親節點,可以傳入expr進行過濾,比如 span parent 或者 span parent class jquery.parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素,不限於父元素 jquer...

Js Jquery獲取iframe中的元素

在父視窗中獲取iframe中的元素 js 格式 window.frames iframe的name值 document.getelementbyid iframe中控制項的id click 例項 window.frames ifm document.getelementbyid btnok clic...