js插入节点
来源:互联网 发布:windows游戏栏打不开 编辑:程序博客网 时间:2024/05/17 08:17
window.onload = function(){
// 抓取元素
var box = document.getElementById("box");
var dage = document.getElementById("dage");
box.onclick = function(){
// 创建标签
// document.createElement('标签名(随便取)');
var h= document.createElement('shuai');
// 添加属性
h.setAttribute('class','shuai');
// 向标签里添加文字内容
h.innerHTML='今天很凉快';
// 向父级元素里插入我们创建的元素
// box.appendChild(h);
// 向指定元素之前插入我们创建的元素
box.insertBefore(h,dage);
}
}
// 抓取元素
var box = document.getElementById("box");
var dage = document.getElementById("dage");
box.onclick = function(){
// 创建标签
// document.createElement('标签名(随便取)');
var h= document.createElement('shuai');
// 添加属性
h.setAttribute('class','shuai');
// 向标签里添加文字内容
h.innerHTML='今天很凉快';
// 向父级元素里插入我们创建的元素
// box.appendChild(h);
// 向指定元素之前插入我们创建的元素
box.insertBefore(h,dage);
}
}
</script>
////////////////////////////////////////html////////////////////
<div id="box">
<h1 id="dage">我是大哥大</h1>
</div>
阅读全文
0 0
- JS-案例-插入节点
- js插入节点
- js----创建节点和插入节点
- jquey和js插入节点
- js 插入和添加节点
- JS插入节点的方法appendChild、insertBefore
- 初学js插入节点appendChild insertBefore使用方法
- vue.js的插入dom节点方式
- js的节点操作:插入,删除,复制,查找节点?
- js创建及操作节点之删除节点、替换节点、插入节点
- 插入节点
- 插入节点
- 插入节点
- js节点内部插入元素的方法appendChild() insertBefore()
- JS(JavaScript)插入节点的方法appendChild与insertBefore
- JS(JavaScript)插入节点的方法appendChild与insertBefore
- 【js学习笔记-086】-----创建、插入、删除节点
- js之DOM操作(插入节点appendChild())
- FineReport填报分页设置
- SVN 不同的环境merge项目merge产生冲突以及解决冲突
- 随机抽样一致性算法(RANSAC)
- 小技能——如何一次打开多个链接
- springmvc 创建公共接口对应服务端和客户端
- js插入节点
- centOS中安装python-mysqldb(python与Mysql之间的驱动程序)
- android中关于view.setTag
- redis配置文件详解
- jq项目中使用vue的技巧
- 支付宝支付-服务端php对接移动端应用app
- 策划文档中的理解-1界面相关(更新中)
- tensorflow58 《TensorFlow技术解析与实战》07 Tensorflow的高级框架-keras
- F1V3.0-14 微服务开发环境