dom元素相關和js的資料格式

2021-09-10 14:32:36 字數 2519 閱讀 6975

document.getelementsbyclassname("");  //通過類名稱獲取，獲取的是乙個集合，使用方式是陣列方式


document.getelementsbyname("");  //通過名稱獲取，獲取的是乙個集合，使用方式是陣列方式


document.getelementbyid("");  //通過id獲取單個元素，使用時直接使用


document.getelementsbytagname("");  //通過元素名稱獲取，獲取的是乙個集合，使用方式是陣列方式
要注意的是頻繁的獲取dom元素會降低**的效能。 

var divpar=document.createelement("div");  //建立乙個div塊
動態建立dom元素使用document.createelement()語句。

1）給dom元素設定自定義屬性：

var divpar = document.createelement("div");


divpar .setattribute("data-logo", "img/maodou.logo.png");
通過setattribute自定義屬性時，第乙個""裡寫的是屬性名稱，後面的""裡寫的是該屬性的內容。 

2）設定dom元素的內建屬性：

divpar .style.backgroundcolor = "red";


divpar .style.width = "100px";


divpar .style.height = "100px";
3）dom元素自定義屬性的獲取：

console.log(divpar);


console.log(divpar.getattribute("data-logo"));
獲取dom元素的自定義屬性用getattribute方法。

insertbefore()是將新元素新增到舊元素之前 。

var b= document.getelementsbyclassname("b")[0];


document.body.insertbefore(divpar,b);
在dom元素中沒有內建的insertafter()方法，這個方法可以自己通過語言編寫。

1）childelementcount用於計算子節點個數

var ulitem = document.getelementbyid("item");


console.log(ulitem.childelementcount);
2）childnodes是子節點型別，但包含太多，回車等也包含在內，所以使用時要搭配內部屬性仔細使用，比如nodename寫節點名稱，nodetype寫節點型別，nodevalue根據節點的型別設定或返回節點的值。

children返回的是元素的節點。

for (var i = 0; i < ulitem.childnodes.length; i++) 


if (ulitem.childnodes[i].nodename == "li") 


}
console.log(ulitem.children);
3）firstchild指第乙個節點，firstelementchild指元素的第乙個子節點。

lastchild指最後乙個節點，lastelementchild指元素的最後乙個子節點。

4）找元素的父級用parentnode或者parentelement。

5）找元素的同胞兄弟

nextsibling指下乙個節點，nextelementsibling指下乙個元素的節點。

previoussibling指上乙個節點，previouselementsibling指上乙個元素的節點。

後台給前端返回的資料格式有json和xml，這裡著重介紹一下json。

json的資料型別是陣列型+物件型。

列舉物件：

var stu=


}
json分為單個json和多個json集合。

單個json：

var stu=;
多個json集合：

var student=[


,},,},


,},,},


];
多個json集合可用for迴圈遍歷：

for(var i=0;i將json物件型轉化為字串string型別：


var str=json.stringify(student);
將字串string型別轉化為json物件型：

console.log(json.parse(str));


console.log(eval(str));
要注意eval只能轉標準的string型別的json。

js 陣列中資料格式的轉化

因專案需求，有一組資料需要前段自己進行轉換。原資料格式為 var projectarr 需要將其轉化為 var montharr 第一組資料是按project展示，而轉換後的資料是按month進行展示。const transferarraystructure function arr,detail,...

JSON的資料格式

1.json是一種輕量級的資料互動格式。2.json的語法有三種型別的值 簡單值 不包含undefined 物件，陣列 3.json不支援變數，函式或物件例項 4.json字串必須使用雙引號 單引號會導致語法錯誤 5.json和js物件的區別 a 沒有宣告變數 json中沒有變數的概念 b 沒有末尾...

LAS的資料格式

從本質上來說,las格式是一種二進位制檔案格式。其目的是提供一種開放的格式標準,允許不同的硬體和軟體提供商輸出可互操作的統一格式。現在las格式檔案已成為lidar資料的工業標準格式。las檔案按每條掃瞄線排列方式存放資料,包括雷射點的三維座標 多次回波資訊 強度資訊 掃瞄角度 分類資訊 飛行航帶資...