分类
商品
商品
店铺
资讯
分类
商品
商品
店铺
资讯

DOM、BOM 操作超级集合(二)

  • 时间:2018-09-29 23:08 作者:生活社会大杂烩 来源:生活社会大杂烩 阅读:480
  • 扫一扫,手机访问
摘要:本章内容:表单操作方法元素节点ELEMENT属性节点attributes文本节点TEXT表单操作方法document.forms获取所有表单.submit()提交表单 元素节点ELEMENTnodeType:1nodeName访问元素的标签名tagName访问元素的标签名createEleme

本章内容:

  • 表单操作方法
  • 元素节点ELEMENT
  • 属性节点attributes
  • 文本节点TEXT

表单操作方法

document.forms

获取所有表单

.submit()

提交表单















元素节点ELEMENT

nodeType:1

nodeName访问元素的标签名

tagName访问元素的标签名

createElement()创立节点

appendChild()末尾增加节点,并返回新添加节点

insertBefore()参照节点之前插入节点,两个参数:要插入的节点和参照节点

insertAfter()参照节点之后插入节点,两个参数:要插入的节点和参照节点

replaceChild()替换节点,两个参数:要插入的节点和要替换的节点(被移除)

removeChild()移除节点

cloneNode()克隆,一个布尔值参数,true为深拷贝,false为浅拷贝

importNode()从文档中复制一个节点,两个参数:要复制的节点和布尔值(能否复制子节点)

insertAdjacentHTML()

插入文本,两个参数:插入的位置和要插入文本

"beforebegin",在该元素前插入

"afterbegin",在该元素第一个子元素前插入

"beforeend",在该元素最后一个子元素后面插入

  • "afterend",在该元素后插入




Title






Nick












title






属性节点attributes

nodeType:2

attributes

获取所有标签属性

getAttribute()获取指定标签属性

setAttribute()设置指定标签属

removeAttribute()移除指定标签属

var s = document.createAttribute("age")

s.nodeValue = "18"

创立age属性

设置属性值为18





Title










Title






文本节点TEXT

nodeType:3

innerText所有的纯文本内容,包括子标签中的文本

outerText与innerText相似

innerHTML所有子节点(包括元素、注释和文本节点)

outerHTML返回自身节点与所有子节点

textContent与innerText相似,返回的内容带样式

data文本内容

length文本长度

createTextNode()创立文本

normalize()删除文本与文本之间的空白

splitText()分割

appendData()追加

deleteData(offset,count)从offset指定的位置开始删除count个字符

insertData(offset,text)在offset指定的位置插入text

replaceData(offset,count,text)替换,从offset开始到offscount处的文本被text替换

substringData(offset,count)提取从ffset开始到offscount处的文本





Title


Nick








Title



1

2

3





  • 全部评论(0)
最新发布的资讯信息
【系统环境|】极客时间-数据分析实战45讲【完结】(2021-09-02 16:26)
【系统环境|windows】字节跳动前台面试题解析:盛最多水的容器(2021-03-20 21:27)
【系统环境|windows】DevOps敏捷60问,肯定有你想理解的问题(2021-03-20 21:27)
【系统环境|windows】字节跳动最爱考的前台面试题:JavaScript 基础(2021-03-20 21:27)
【系统环境|windows】JavaScript 的 switch 条件语句(2021-03-20 21:27)
【系统环境|windows】解决 XML 数据应用实践(2021-03-20 21:26)
【系统环境|windows】20个编写现代CSS代码的建议(2021-03-20 21:26)
【系统环境|windows】《vue 3.0探险记》- 运行报错:Error:To install them, you can run: npm install --save core-js/modules/es.arra...(2021-03-20 21:24)
【系统环境|windows】浅谈前台可视化编辑器的实现(2021-03-20 21:24)
【系统环境|windows】产品经理入门迁移学习指南(2021-03-20 21:23)
血鸟云
手机二维码手机访问领取大礼包
返回顶部