本人刚学习DOM,做这个题花了两个下午难搞啊,网上查了不少资料了,还没解决求解啊😭拜托🙏🏻
2条回答 默认 最新
- 崽崽的谷雨 2021-06-11 11:29关注
就是里利用append或者appendChild和createElement或者innerhTML或者innerText .下面是两种方案你参考一下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h3>3.动态创建元素</h3> <button id="add">添加新元素</button> <div id="box"></div> </body> <script> // let addBtn = document.getElementById("add"); // let box = document.getElementById("box"); // addBtn.addEventListener("click", () => { // let button = document.createElement("button"); // button.innerText = "新添加的button"; // let a = document.createElement("a"); // a.href = "#"; // a.innerText = "tts" // box.append(button, a) // }) let addBtn = document.getElementById("add"); let box = document.getElementById("box"); addBtn.addEventListener("click", () => { let p=document.createElement("p"); p.innerHTML=`<button>新添加的button</button><a href="#">888</a>`; box.append(p); //appendChild也行 }) </script> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 C++ 头文件/宏冲突问题解决
- ¥15 用comsol模拟大气湍流通过底部加热(温度不同)的腔体
- ¥50 安卓adb backup备份子用户应用数据失败
- ¥20 有人能用聚类分析帮我分析一下文本内容嘛
- ¥15 请问Lammps做复合材料拉伸模拟,应力应变曲线问题
- ¥30 python代码,帮调试
- ¥15 #MATLAB仿真#车辆换道路径规划
- ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
- ¥15 数据可视化Python
- ¥15 要给毕业设计添加扫码登录的功能!!有偿