前端-dom操作

学习框架之前的掌握
1.js操作dom
2.ajax
vue 数据绑定，组件，路由
NODEJS
ES6
AXIOS

结果：服务文档，前端页面

dom操作

1.获取dom

• 1.通过Id：
  document.getElementById(“id的值”);
• 2.通过ClassName：
  document.getElementsByClassName(“Class的值”);
• 3.通过TagName：
  document.getElementsByTagName(“标签名字”);
• 4.通过Name：
  document.getElementsByName(“name属性的值”)

除了byId以外，其他的返回的都是数组。

2.dom操作

• 1.操作标签的本体：
  <div><div/>
  对象.innerText = ‘文本内容’
  对象.innerHTML = ‘html内容’
• 2.操作标签的属性：
  getAttribute()获取对应属性的值
  setAttribute()修改对应属性的值
• 3.操作css：
  对象.style.样式名=值

3.dom高级查找

• 1.查找子元素：
  对象.children;查找所有子元素
• 2.查找父元素：
  对象.parentNode;获取子元素的父节点
• 3.相邻元素的查找：
  对象.previousElementSibling;上一个元素
  对象.nextElementSibling;下一个元素
• 4.创建元素：
  let obj = document.createElement(‘标签名’)
• 5.追加元素：
  对象.appenfChild(要追加的对象)
• 6.移除对象：
  对象.removeChild(要移除的对象的引用)