document对象

document对象

　　找元素

　　　　var a = document.getElementById("id名")，根据元素的id找元素，id是唯一的，所以只能找到一个元素，

　　　　var b = document.getElementsByClassName("class名")，根据class名找元素，找到的是多个元素构成的数组，要通过索引取元素，

　　　　var c = document.getElementsByTagName("标签名")，根据标签名找元素，找到的是多个元素构成的数组，要通过索引取元素，

　　　　var d = document.getElementsByName("元素的name")，根据元素name名找元素，找到的是多个元素构成的数组，要通过索引取元素，

 

　　操作内容

　　　　获取内容，

　　　　　　a.innerText，获取元素里面的文本内容，只提取文本，

　　　　　　a.innerHTML，获取元素里面所有内容，包含标签，即获得元素内的代码，

　　　　修改内容，

　　　　　　a.innerText = "覆盖之前的内容，全部显示纯文本"，

　　　　　　a.innerHTML = "代码"，相当于修改代码，

　　　　获取和修改表单元素的内容

　　　　　　var e = document.getElementById("表单元素的id")  

　　　　　　e.value = "记住表单元素用value"  ，表单元素获取和修改内容都要用value

 

　　操作属性

　　　　获取属性

　　　　　　a.getAttribute("属性名")，获取的是属性值

　　　　修改属性

　　　　　　a.getAttribute("属性名") = "要修改的属性值"

　　　　设置属性

　　　　　　a.setAttribute("属性名","属性值")，给元素添加属性，要给出属性名和属性值

　　　　移除属性

　　　　　　a.removeAttribute("属性名")，移除元素的属性，

 

　　操作样式

　　　　获取样式

　　　　　　a.style.样式名，样式名和css中的区别是js里是驼峰法命名的，只能获取内联的样式

　　　　修改属性

　　　　　　a.style.样式名 = "要修改的值"，修改的样式以内联方式出现

　　　　　

 

转载于:https://www.cnblogs.com/zxbs12345/p/7986942.html