web学习记录-JS-11

Posted 2021-02-03 xihuanjiuquqiqang

DOM查询的其他方法

获取body标签　　document.body

document.documentElement　　保存的是html根标签

document.all　　代表页面所有的元素

根据元素的class的属性值查询一组元素　　getElementsByClassName（）；不支持IE8及以下的浏览器；

获取class为box1中的所有DIV

　　document.querySelector（）　　需要一个字符串作为参数，可以根据一个CSS选择器来查询一个元素节点对象；

　　使用该方法总会返回唯一的一个元素，如果满足的有很多个，只返回第一个值；

　　document.querySelectorAll（）　会想符合条件的元素封装到数组返回，只有一个也会返回数组；

DOM增删改

createElement（）　  可以用于创建一个元素节点对象，需要一个标签名作为参数，根据该标签名创建元素节点对象，并将创建好的对象作为返回值返回；

createTextNode（）　用来创建一个文本节点对象，需要一个文本内容作为参数，根据该内容创建文本节点，并将新节点返回；

appendChild（）　　 想一个父节点添加一个新的子节点　　父节点.appendChild（子节点）；

insertBefore（）　　 可以在指定的子节点前插入新的子节点，　　父节点.insertBefore（新节点，旧节点）；

replaceChild（）　　可以用新的节点替换旧的节点　　　　父节点,replaceChild.（新节点，旧节点）；

removeChild（）　　删除子节点　　　　父节点.removeChild（子节点）；

　　　　　　　　　　子节点.parentNode.removeChild（子节点）；（常用）

使用innerHTML也可增加子元素　　city.innerHTML += “”<li>广州</li>”；（动静大，不建议）；

 

 var li = document.createElement（“li”）；

li.innerHTML=“广州”；

city.appendChild（li）； （结合一起用增加属性）

 

给超链接绑定函数返回false会去掉超链接的默认跳转属性；

 

confirm（）用于弹出一个带有确认和取消的提示框；