原生JS的DOM总结

弧矢继承
• 阅读 2123

DOM的nodeType、nodeName、nodeValue

类型 nodeType nodeName nodeValue
document 9 #document null
ele 1 大写标签名 null
attr 2 属性名 属性值
text 3 #text 文本内容

获取节点

DOM Tree

父子: parentNode childNodes firstChild lastChild

兄弟: previousSibling nextSibling

Element Tree

父子: parentElement children firstElementChild lastElementChild

兄弟: previousElementSibling nextElementSibling

操作节点

parentNode.appendChild(newNode)
parentNode.insertBefore(newNode,childNodes[?])
parentNode.removeChild(oldNode)
parentNode.replaceChild(newNode,oldNode)
node.cloneNode(boolean)

document.createElement()
document.createTextNode()
document.createAttribute()
setAttribute()
getAttribute()

点赞
收藏
评论区
推荐文章
Easter79 Easter79
4年前
thymeleaf在工作中遇到的问题及解决办法(四)
1、关于字符串拼接的问题       字符串拼接可以使用如下方式。<ahref""th:text"第${StartNo}页''共${countPage}页"       还有一种更优雅的方式,使用“||”减少了字符串的拼接,代码如下。<ahref""th:
Wesley13 Wesley13
4年前
java RSA算法的性能记录
环境JavaHotSpot(TM)64BitServerVM1.7.0\_05x86\_64加密<table<tr<td内容长度</td<tdkeySize</td<td耗时(微秒)</td</tr<tr<td32</td<td512</td<td87</td</tr<tr<td
红烧土豆泥 红烧土豆泥
4年前
Java的数值数据类型以及命名规范
一、Java中的数值数据类型<table<tbody<tr<tdwidth"75"valign"top"style"wordbreak:breakall;"<spanstyle"backgroundcolor:rgb(255,254,213);"类型名<br</span</td<tdwidth"299
Stella981 Stella981
4年前
Jira 使用手册
<tablestyle"width:100%;margin:200px0300px0;"<tr<thDate</th<thRevisionversion</th<thDescription</th<thauthor</th</tr<tr<td20180614</td<tdV1.0.0</td
Wesley13 Wesley13
4年前
2020软件工程作业03
<styletable{width:100%;/\表格宽度\/margin:auto;/\外边距\/emptycells:show;/\单元格无内容依旧绘制边框\/fontsize:18px;}table,th,td{border:2pxsolidpink;}li{fontsize:1
Stella981 Stella981
4年前
AQS (AbstractQueuedSynchronizer)源码导读:锁的获得与释放
AQS是什么?AbstractQueuedSynchronizer简称AQS是一个抽象同步框架,可以用来实现一个依赖状态的同步器。Providesaframeworkforimplementingblockinglocksandrelatedsynchronizers(semaphores,events,etc)th
Wesley13 Wesley13
4年前
Java 日期与时间
Java的日期Java没有内置的日期类,但可以导入java.time包,这个包中包含了许多类,可用于处理日期和时间。例如:<table<tbody<tr<thstyle"width:25%"Java类</th<thstyle"width:75%"描述</th</tr<tr<td<code
Easter79 Easter79
4年前
Thrift
安装thriftmacbrewinstallthrift安装完成检查thriftversion新建maven项目pom.xml<dependencies<dependency<groupIdorg.apache.th
Wesley13 Wesley13
4年前
C# 线程基础
1 线程是进程中的一个执行流 2线程是一个可以单独操作的活动3线程创建和常用方法 a 创建    Thread thnewThread(Method); b常见方法 th.start()//启动线程 th.Abort()//终止线程 Thread.Sleep(n)//休眠线程(停止n毫秒后继续执
Stella981 Stella981
4年前
99th Packers and Movers Services
99th.co.inistheleadingsearchdirectoryforIndia.Hereonecanfindtheverifiedcompaniesinanyindustryliketransport,logistics,packers&moversservice,BusinessService
吴押狱 吴押狱
2年前
测试用
Inrecentyears,theOscarshavebeenwidelycriticized.Frombeingtoopoliticallycorrecttolackinginnovation,andwithplummetingviewership,th
弧矢继承
弧矢继承
Lv1
不知何处吹芦管,一夜征人尽望乡。
文章
5
粉丝
0
获赞
0