JavaScript中的基礎數據類型和獲取元素的方式
1.對象數據類型和數組類型
對象數據類型可以視作一組數據的集合
格式:變量={“子變量”:值1,“子變量”:值2,…}
var ob={
"0":"kiva",
"1":"w",
"2":{
"0":"ooo",
"1":"嗯嗯"
}
}
//引用:ob["0"],ob["1"]若對象中嵌套的有對象訪問時用ob["2"]["0"]來訪問//
數組類型
數組數據類型也是一組數據的集合,從邏輯和形式上講和object幾乎一致,arry的子變量或者屬性都是由自然數012345所表示的數。
格式:變量=[值1,值2,值3…]
<script>
var x='';
var y="7";
var ob={
"0":"kiva",
"1":"w",
"2":{
"0":"ooo",
"1":"嗯嗯"
}
}
var ar=["hello","kkk",["dada","222"]];
</script>
2.number類型(數字類型)和string類型
number類型包括整數和浮點數值。
整數:-∞0123-1-2等
浮點數:可以理解爲小數。
string類型:是由0或者多個字符組成的字符序列,即字符串
字符串可以由’'或者""包裹起來,兩種作用相同,只是寫法上不同。
undefined 是未定義類型而null表示賦值爲空值
3.獲取元素的方式
<script>
var con=document.getElementById("con");
var content=document.getElementsByClassName("content");
var content1=content[0];
var y=document.getElementsByTagName("style");//getElementsByTagName() 方法可返回帶有指定標籤名的對象的集合。
var x=document.querySelector(".nav")//返回文檔中與指定選擇器或選擇器組匹配的第一個 html元素Element。 如果找不到匹配項,則返回null。
var z=document.querySelectorAll(".nav");
</script>
document.getElementsByClassName()方法返回文檔中所有指定類名的元素集合
var content1=content[0];這裏是返回類名content中第一個標籤代碼
var y=document.getElementsByTagName(“style”);//getElementsByTagName() 方法可返回帶有指定標籤名的對象的集合。
var x=document.querySelector(".nav")//返回文檔中與指定選擇器或選擇器組匹配的第一個 html元素Element。 如果找不到匹配項,則返回null。
var z=document.querySelectorAll(".nav");這裏返回的是所有指定選擇器。
元素自有屬性
class名稱屬性:
修改class名稱:ob.className=”xxxx“;
內容屬性
ob.innerText=“字符串”;
設置一個元素內部的文字內容,若元素內容中本身存在 一些字符內容,那麼原來的內容會被替換成js代碼所設置的,
即便字符串內部存在一些元素標籤,這些元素標籤也會被當做字符串顯示再網頁上。
ob.innerHTML=“字符串”;
設置一個元素內部的HTML代碼
設置一個元素內部的文字內容,若元素內容中本身存在 一些字符內容,那麼原來的內容會被替換成js代碼所設置的,
即便字符串內部存在一些元素標籤,這些元素標籤也會被當做字符串顯示再網頁上。
通用獲取方法:
即便是同一屬性,在不同的元素下同樣的方式不一定能得到相同的結果,所以ob.屬性方式並不能得所有我們需要的元素屬性的值這個時候我們引進一個新的方法
ob.getAttribute(“屬性名稱”);
通用元素刪除方法:
主要用來刪除元素的屬性,比如表單元素默認被選中,默認禁用這樣的功能就是用一個屬性來實現的。
ob.removeAttribute(“屬性名稱”);