Dom操作html詳細

2021-07-25 18:51:10 字數 923 閱讀 6595

***


******


***忘記我見過


//byname


var namea = document.getelementsbyname('pn');


document.write("


通過name獲取元素" + namea);


namea[0].innerhtml = "hello";


//bytagname


var nameb = document.getelementsbytagname('p');


document.write("


通過tagname獲取元素" + nameb);


nameb[1].innerhtml = "hello";


//獲取元素屬性


function getattr() 


getattr();


//設定元素的屬性


function setattr() 


setattr();


//訪問子節點


function getchildnode()


getchildnode();
//訪問父節點


function getparentnode() 


getparentnode();


//建立節點


function createnode() 


createnode();


//新增節點


function insernode()


insernode();


//刪除節點


function removenode()


removenode();


//獲取元素size


function getsize()


getsize();

DOM通過技術操作HTML

1.通過 id 找到 html 元素 2.通過標籤名找到 html 元素 3.通過類名找到 html 元素 通過 id 查詢 html 元素 注意 如果找到該元素，則該方法將以物件 在 x 中 的形式返回該元素。如果未找到該元素，則 x 將包含 null。通過標籤名查詢 html 元素 本例查詢 i...

通過DOM操作獲取html頁面元素

1.通過id名 document.getelementbyid 2.通過tag名 document.getelementbytagname document.getelementsbytagname 3.通過class名 document.getelementsbyclassname 4.通過sel...

DOM對HTML元素訪問操作2

form 返回列表框 下拉列表所在的表單物件 length 返回列表框 下拉列表的選項個數 options 返回列表框 下拉列表裡所有選項組成的陣列 selectedindex 返回下拉列表中選中選項的索引 type 返回下拉列表的型別，多選的話返回select multiple，單選返回selec...