js创建和插入子元素的方法

2025-10-14 09:37:13

1、新建文件创建div和插入按钮

js创建和插入子元素的方法

2、用js获取div和按钮并定义插入内容元素

js创建和插入子元素的方法

3、创建插入内容方法

js创建和插入子元素的方法

4、浏览网页点击效果

js创建和插入子元素的方法

5、为插入内容设置样式

js创建和插入子元素的方法

6、创建插入内容的另一个方法

js创建和插入子元素的方法

7、为这个插入内容设置样式

js创建和插入子元素的方法

8、附上代码

<body>

<style>

#id{color:#906;}

.class{background:#0F0;}

</style>

var box = document.getElementById("box1");

var btn = document.getElementById("btn");

/*var string = "<p style =' color:red;'>插入的元素内容";

btn.onclick = function(){

box.innerHTML = string;

}*/

btn.onclick = function(){

var obz = document.createElement("p");

obz.innerHTML = "插入的元素";

obz.id="id";

obz.className = "class";

box.appendChild(obz)

}

</script>

</body>

js创建和插入子元素的方法

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。