1. 訪問html元素有一下幾種方法:
1.1. 通過id查詢html元素。
1.2. 通過標籤名查詢html元素。
1.3. 通過類名查詢html元素。
1.4. 通過css選擇器查詢html元素。
1.5. 通過html物件集合查詢html元素。
2. 通過id查詢html元素
2.1. 通過id查詢html元素, 是最簡單也是最常用的一種方式。
var myelement = document.getelementbyid("intro");2.3. 如果未找到元素, myelement將包含null。
3. 通過標籤名查詢html元素
3.1. 通過標籤名可以查詢文件中的所有該標籤:
var ps = document.getelementsbytagname("p");4. 通過類名查詢html元素
4.1. 如果您需要找到擁有相同類名的所有html元素, 請使用getelementsbyclassname()。
4.2. 本例返回包含class="p"的所有元素的集合:
var classps = document.getelementsbyclassname('p');5. 通過css選擇器查詢html元素
5.1. 如果您需要查詢匹配指定css選擇器(id、類名、型別、屬性、屬性值等等)的所有html元素, 請使用queryselectorall()方法。
5.2. 本例返回包含class="p"的所有元素的列表:
var qsap = document.queryselectorall(".p");6. 通過html物件選擇器查詢html物件
6.1. 通過html物件選擇器訪問元素、屬性、元素集合等等。
var body = document.body;
var forms = document.forms;
var title = document.title;
7.2. 編寫index.html
javascript訪問html元素的內容 1
形如如下格式的html元素 id my p i mbigstrong panda p 有3種方式獲取其內容，可以獲取起全部的子內容，或是獲取其子內容的text純文字標識，或是以物件方式獲取其子內容。可以使用元素物件的innerhtml屬性作為字串標記返回其內容 my p.innerhtml 返回 i...
javascript訪問html元素的內容 2
對於 1 中最後乙個包裝方式建立的是乙個方法，我們必須以方法呼叫的方式來使用它，這和其他預設的以屬性返回結果略有不同，如果有強迫症的童鞋有些傷不起，那麼我們下面就把它實現為屬性返回的方式 children是預設屬性，遂起乙個中文糊糊的名字 htmlelement.prototype return e...
DOM對HTML元素訪問操作2
form 返回列表框 下拉列表所在的表單物件 length 返回列表框 下拉列表的選項個數 options 返回列表框 下拉列表裡所有選項組成的陣列 selectedindex 返回下拉列表中選中選項的索引 type 返回下拉列表的型別，多選的話返回select multiple，單選返回selec...