上面是问题，下面是我写的代码。
删除水平线的代码没问题，就是替换水平线时有些问题，大家帮忙看看好吗
replaceChild方法该如何使用
上面是问题，下面是我写的代码。
删除水平线的代码没问题，就是替换水平线时有些问题，大家帮忙看看好吗
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
关注我现在理解的是 你替换的只是文本？
你createTextNode创建的只是一个文本节点并不是一个标签
你用 createTextNode 去替换 hr单标签的文本
本身 hr 就是没有slot插槽文本的 你这样替换也是没有意义的
这样去替换你再试一下
还有 如果涉及到操作节点 最好不要在 for循环中 使用 var i=0 这样 用var去声明变量 可以换成let
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 编辑记录 分享
- 2024-07-21 06:45PleaSure乐事的博客 大家好，这里是前端寄术区博主PleaSure乐事，今天在学习DOM的时候发现有关通过replaceChild方法替换两个节点的代码，顺手记录，与大家分享。 初始代码 如果我们有以下一段代码，想要替换两个带有标签的li节点： 喜欢...
- 2024-02-26 16:40- 该方法可以准确地检测出数据的类型，包括 `null` 和 `undefined`。 - 示例代码： ```javascript Object.prototype.toString.call(''); // "[object String]" Object.prototype.toString.call(1); // "[object ...
- 2023-06-06 15:35"前端大厂最新面试题-Dom" DOM（Document Object Model）是 HTML 和 XML 文档的编程接口，它提供了对文档的结构化的表述，并...了解 DOM 的操作方法可以帮助我们更好地理解和使用前端框架，提高我们的开发效率和效果。
- 2022-07-07 21:18- **添加节点**：可以使用`appendChild`、`insertBefore`或`replaceChild`方法来添加、插入或替换节点。 - **删除节点**：`removeChild`方法用于移除指定的子节点。 - **复制节点**：`cloneNode`方法可以创建节点...
- 2025-08-03 17:59把代码拼好给你的博客 web前端 javascriptAPI记录
- 2022-08-08 19:21这里使用正则表达式`/^\s+/`和`/\s+$/`分别匹配字符串开头和结尾的空格，并使用`replace`方法替换为空字符串。 以上就是针对这些前端面试题目的详细解答，涵盖了JavaScript的基础知识，包括数组操作、异步处理、...
- 2020-10-24 18:12该方法接受一个参数，即要创建的元素的标签名。例如，要创建一个div元素，就可以调用document.createElement("div")。 知识点三：元素样式设置 创建了元素之后，我们往往需要对其外观进行设置。可以通过操作元素的...
- 2022-04-06 07:00- 替换节点（`replaceChild()`） - **DOM属性** - 获取元素（`getElementById()`, `getElementsByClassName()`） - 设置样式（`style`） - 设置属性（`setAttribute()`） - 获取属性（`getAttribute()`） **...
- 2020-10-20 12:41除了这些基础方法外，JavaScript的DOM API还包括更多高级操作，如insertBefore、appendChild、replaceChild、removeChild等，这些方法能够让开发者更灵活地操作DOM树结构。 通过熟练掌握并运用这些方法，开发者能够...
- 2022-08-08 18:08在给定的代码中，`getRandom`函数用于生成随机数，然后将其添加到数组`iArray`中，最后使用`sort`方法对数组进行排序。这是一个简单的随机数生成和排序的例子。 2. **数组合并与元素删除**： JavaScript中的`...
- 2018-03-25 12:236. **Node.replaceChild(newChild, oldChild)**: 替换节点。 7. **Node.contains(node)**: 返回一个布尔值，表示参数节点是否为当前节点的后代节点。 8. **Node.compareDocumentPosition(node)**: 返回一个 7 位的二...
- 2021-06-03 17:30爱创乐育知识速递的博客 今天想聊聊在Web前端开发中经常用到的技术：获取元素属性的一系列方法【innerHTML、outerHTML、innerText 、outerText、value、text()、html()，val()】 这些方法，大家应该用过，如果让你说出它们的一些区别和联系...
- 2021-06-30 08:54专注认真努力的博客 Ctrl+Alt+T：将选中的代码使用if、while、try/catch等包装 Alt+/：自动完成 Alt+Enter：自动提示完成 Ctrl+/：使用//进行注释 Ctrl+Shift+/：使用/**/进行注释 Ctrl+Alt+L：格式化代码 Ctrl+Alt+I：自动缩进行 Ctrl+...
- 2021-12-16 11:05七元八角oooo的博客 } } if (parent) { let comment = document.createComment('此 js 文件已被微前端替换'); // 在 dom 结构中删除此文件引用 parent.replaceChild(comment, element); } } // 处理位于 link 标签中的 js 文件 if ...
- 2022-12-13 20:47网站推广优化yetaoaiueo的博客 前端面试一般会问什么问题 对公司这个行业有什么样的看法，未来的职业规划，自己做好该职位工作的优势，个人缺点是什么～基本就这些。宏观 web前端面试有哪些套路 1. 基础知识要牢固，面试官可能不会直接问，有时候...
- 2021-11-04 16:29我家空空的博客 replaceChild()基本用法 replaceChild()方法用新节点替换某个子节点。 这个新节点可以是文档中某个已经存在的节点，也可以是创建的新的节点。...所有主流浏览器都支持该方法。 实例1： <!DOCTYPE html> <
- 2022-02-13 14:53赵铭or的博客 但是在H5中新增了两种存储方式，其中使用方法如下： localStorage.key() :拿到指定key得值 localStorage.setItem('名','值'):设置相关的储存值 localStorage.getItem('名')：取出对应名的值 localStorage.removeItem...
- 2020-11-28 21:35如果担心新创建的标签会被其他元素覆盖，我们可以先检查该位置是否有已存在的元素，如果有，使用`replaceChild()`方法替换： ```javascript var divFlag = document.getElementById("divFlag"); var divMain = ...
- 2020-11-22 07:36它允许我们通过编程方式访问和修改页面上的元素、属性和结构。在本文中，我们将深入探讨一些常用的JS操作DOM的方法。 1. **getElementById()**: 这个方法...了解和实践这些方法，是成为一名合格前端开发者的重要步骤。
- 2024-03-29 08:13quwdjasd的博客 padding:0;top:0;添加元素用第一个元素去替换box1的最后一个元素。
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月31日
已采纳回答
5月23日-
创建了问题
5月23日