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);
}
}

</script>

////////////////////////////////////////html////////////////////

<div id="box">
<h1 id="dage">我是大哥大</h1>
</div>