標籤:element asc doc document tag color attr *** 對象
元素對象(element對象)
** 要操作element對象,首先必須要擷取到element,
- 使用document裡面相應的方法擷取
** 方法
*** 擷取屬性裡面的值
getAttribute("屬性名稱")
- var input1 = document.getElementById("inputid");
//alert(input1.value);
alert(input1.getAttribute("value"));
*** 設定屬性的值
input1.setAttribute("class","haha");
*** 刪除屬性
input1.removeAttribute("name");
** 不能刪除value
*** 想要擷取標籤下面的子標籤
** 使用屬性 childNodes,但是這個屬性相容性很差
** 獲得標籤下面子標籤的唯一有效辦法,使用getElementsByTagName方法
- var ul11 = document.getElementById("ulid1");
<body> <ul id="ulid1"> <li>aaaaaa</li> <li>bbbbbb</li> <li>cccccc</li> </ul> <script type="text/javascript"> //擷取到ul下面的所有子標籤(子項目) //擷取ul標籤 var ul11 = document.getElementById("ulid1"); //擷取ul下面的子標籤 屬性的相容性很差一般我們不能用 var lis = ul11.childNodes; alert(lis.length); //var lis = ul11.getElementsByTagName("li"); //alert(lis.length); </script> </body>
js的元素對象