js選取dom元素的方法
注意：原生js選取dom元素比使用jquery類庫選取要快很多
1、通過id選取元素
document.getelementbyid('myid');
2、通過class選取元素
document.getelementsbyclassname('myclass')[0];
3、通過標籤選取元素
document.getelementsbytagname('mydiv')[0];
4、通過name屬性選取元素（常用於表單）
document.getelementsbyname('myname')[0];
js修改css樣式
document.getelementbyid('myid').style.display ='none';
js修改class屬性
document.getelementbyid('myid').classname ='active';
如果有多個class屬性，即用空格隔開
document.getelementbyid('myid').classname ='active div-1';
移除該元素上的所有class
document.getelementbyid('myid').classname ='';
注意：使用classlist會優於使用classname
document.getelementbyid('myid').classlist.item(0);//item為類名的索引
document.getelementbyid('myid').classlist.length;//唯讀屬性
document.getelementbyid('myid').classlist.add('newclass');//新增class
document.getelementbyid('myid').classlist.remove('newclass');//移除class
document.getelementbyid('myid').classlist.toggle('newclass');//切換，有則移除，沒有則新增
document.getelementbyid('myid').classlist.contains('newclass');//判斷是否存在該class
補充：add和remove方法不允許鏈式操作，因為返回的都是undefined，其次，也不允許同時新增或刪除多個class，可以自行擴充套件一下
domtokenlist.prototype.adds =function(tokens)).bind(this));
returnthis;
};
varcllist = document.body.classlist;
cllist.adds('a b c').tostring();
//a b c
js修改文字
document.getelementbyid('myid').innerhtml ='123';
js建立元素並向其中追加文字
varnewdiv = document.createelement('div');
varnewtext = document.createtextnode('123');
同理：removechild()移除節點，並返回節點
clonenode()複製節點
insertbefore()插入節點（父節點內容的最前面）
注意：insertbefore()有兩個引數，第乙個是插入的節點，第二個是插入的位置
例子：varlist = document.getelementbyid('mylist');
list.insertbefore(newitem,list.childnodes[1]);
//插入新節點newitem到list的第二個子節點
js返回所有子節點物件childnodes
varmylist = document.getelementbyid('myid');
for(vari=0,iconsole.log(mylist.childnodes[i]);
}
firstchild返回第乙個子節點
lastchild返回最後乙個子節點
parentnode返回父節點物件
nextsibling返回下乙個兄弟節點物件
previoussibling返回前乙個兄弟節點物件
nodename返回節點的html標記名稱
js選取DOM節點元素
dom中選取文件元素的方法總共有5種 1.通過id值。2.通過name屬性值。3.通過指定的標籤名。4.通過class類。5.通過css選擇器 box boxdiv class top topdiv class top topdiv class top topdiv class top topdiv...
JS中的DOM操作方法
1 childnodes 返回當前元素所有子元素的陣列 2 firstchild 返回當前元素的第乙個子元素 3 lastchild 返回當前元素的最後乙個子元素 4 nextsibling 返回緊跟在當前元素後面的元素 5 nodevalue 指定表示元素值的讀 寫屬性 6 parentnode ...
iOS appium操作元素常用方法
在 ios 的 ui 自動化中，使用原生支援的predicate定位方式是最好，可支援元素的單個屬性和多個屬性定位，強烈推薦使用 driver.find element by ios predicate value clearemail driver.find element by ios pred...