htmledit_views">
三、选择器
1.选择器的种类
·document.getElementById()
通过id来查找元素
·document.getElementsByTagName()
通过标签来查找元素
·document.getElementsByClassName()
通过类名(class)来查找元素
·document.getElementsByName()
通过name来查找元素
2.选择器返回的值
通过id查找的元素是一个元素对象,可以直接使用
通过标签、class、name查找的元素是一个装有元素对象的数组,使用时需要遍历
四、修改元素
1.修改元素内容
·innerHTML
·value
2.修改元素样式
元素对象.style.样式=”样式值”;
3.修改元素属性
元素对象. setAttribute(“属性名”,”属性值”) | 添加元素属性 |
元素对象. removeAttribute (“属性名”) | 移除元素属性 |
元素对象. getAttribute(“属性名”) | 获取元素属性 |
inp.classList.add("123"); | 追加一个class属性 |
classList.remove("inp2") | 移除一个class属性 |
4.添加/删除元素
parentNode | 获取父节点 |
childNodes | 获取子节点 |
document. createElement | 创建标签节点 |
document. createTextNode | 创建文本节点 |
appendChild | 添加节点 |
parent.removeChild(child); | 删除节点 |
parent.replaceChild(para, child); | 替换节点 |