首页 > 其他分享 >20.创建和插入节点

20.创建和插入节点

时间:2023-09-28 20:55:36浏览次数:35  
标签:appendChild style 20 script 标签 插入 document 节点

创建和插入节点:
获得某个DOM节点,假如这个DOM节点是空的,可以通过innerHTML增加一个元素,但是如果这个DOM节点已经有
元素了,那就不能听过innerHTML来新增元素,这样会覆盖原来的元素
appendChild 追加元素
父级名字.appendChild(要追加的元素名字);

document.createElement(‘ p ’) 创建一个p标签
p.id=‘ppp’ 给p标签添加id
p.innerText=‘你好,岳不群’ 给p标签添加文字
父类标签.appendChild('p'); 给一个标签的下方追加这个p标签

document.createElement('script ') 创建一个script标签
script.id='script' 给script标签添加一个id
script.setAttribute('type','text/javascript'); 给script标签添加一个type=‘text/javascript’ 的属性
父类标签.appendChild('script'); 给一个父类元素下方追加这个标签

利用js给body标签添加css属性:
var style=document.createElement('style'); 创建一个style标签
style.innerHTML='body{background:yellow}'; 添加一个属性
head.appendChild(style); 把style标签添加到head下面

插入节点:
var ee=document.getElementById('ee'); 获取ee节点
var se=document.getElementById('se'); 获取se节点
var fuqin=document.getElementById('fuqin'); 获取fuqin节点
fuqin.insertBefore(se,ee); 以fuqin为标准 在ee前面插入se

标签:appendChild,style,20,script,标签,插入,document,节点
From: https://www.cnblogs.com/wenjie001/p/17736469.html

相关文章

  • 【闲暇一写】用Python编写2048游戏(命令行版)
    本篇博文围绕使用Python开发热门游戏2048GAME(命令行版本)代码未做任何优化(原生且随意)、全程以面向过程、MVC的设计思想为主、开发环境是Ubuntu系统下的Pycharm2048是我很久以前学习Python过程中的一个作业,接下来直入正题——一、了解游戏1.介绍《2048》是一款单人在线和移......
  • [笔记]组成原理_2024年考纲
    一、计算机系统概述(一)计算机系统层次结构1.计算机系统的基本组成2.计算机硬件的基本结构3.计算机软件和硬件的关系4.计算机系统的工作原理“存储程序”工作方式,高级语言程序与机器语言程序之间的转换,程序和指令的执行过程。(二)计算机性能指标吞吐量、响应时间;CPU时钟周期、......
  • 如何更新ubuntu18.04->20.04->22.04
    https://www.lsjlt.com/news/375465.html#usethiscommandtoupdatethesystemversionfrom18.04to20.04#justfollowthetutorial,andclick'yes'and'keepversion'etc..#thefirstselectionthesystemautopresents#ittakes1h......
  • 2023-2024-1 20231302 《计算机基础与程序设计》第一周学习总结
    作业信息这个作业属于计算机基础与程序设计https://edu.cnblogs.com/campus/besti/2023-2024-1-CFAP/作业要求https://www.cnblogs.com/rocedu/p/9577842.html#WEEK01作业目标快速浏览一遍教材计算机科学概论,课本每章提出至少一个自己不懂的或最想解决的问题并在期......
  • Kali Linux 2023.3 修改系统语言
    dpkg-reconfigurelocales找到 en_US.UTF-8UTF-8 改为不勾选使用空格勾选[]zh-CN.UTF-8.UTF-8按下enter 表示ok,选择语言zh_CN.UTF-8重启生效设置,重启后会有个提示,选择更新名称......
  • 学期2023-2024-1 学号20231309 《计算机基础与程序设计》第一周学习总结
    学期2023-2024-1学号20231309《计算机基础与程序设计》第一周学习总结作业信息这个作业属于哪个课程2022-2023-1-计算机基础与程序设计这个作业要求在哪里2023-202341计算机基础与程序设计第一周作业这个作业的目标作业正文学期2023-2024-1学号20231309《......
  • 【闲暇一写】用Python编写2048游戏(命令行版)
    本篇博文围绕使用Python开发热门游戏2048GAME(命令行版本)代码未做任何优化(原生且随意)、全程以面向过程、MVC的设计思想为主、开发环境是Ubuntu系统下的Pycharm2048是我很久前学习Python过程中的一个作业,直入正题——一、了解游戏1.介绍《2048》是一款单人在线和移动端游戏......
  • P5020 [NOIP2018 提高组] 货币系统
    #include<cstdio>#include<algorithm>usingnamespacestd;constintN=105;constintA=25005;inta[N];booldp[A];intmain(){ intt;scanf("%d",&t); while(t--){ intn;scanf("%d",&n); for(inti=......
  • P1941 [NOIP2014 提高组] 飞扬的小鸟
    #include<cstdio>#include<algorithm>usingnamespacestd;constintN=10005;constintM=1005;constintINF=1e9;intup[N],down[N],low[N],high[N],dp[2][M];boolpipe[N];intmain(){ intn,m,k; scanf("%d%d%d",&n......
  • 2023-09-28 闲话
    本来应该进行一次晦涩文学的尝试,这要等到晚上了。下面是一些真实的想法,不知道你有没有看完呢?省流还是没有要到微信。大概的心里状态和车昱辉阐述了一下,得到了认可。简而言之,就是我觉得她长得可爱,我很喜欢看,这是一件很美好的事情,至于我要是加微信,聊天,搞对象,反倒徒增了工作量。......