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>