方法 or 属性 | 是否覆盖原居民 | 获取的内容 | 浏览器 | |
---|---|---|---|---|
element.insertAdjacentHTML(position, text) | 方法 | 不覆盖 | x | ok |
element.insertAdjacentText(position, element) | 方法 | 不覆盖 | x | ok |
DOM笔记——元素内容插入/获取合集
最新推荐文章于 2022-07-01 14:36:24 发布
本文探讨了DOM操作中元素内容的插入和获取,强调了安全使用`innerText`与`innerHTML`的区别。建议使用`innerText`来插入文本以避免潜在的安全风险,并指出在需要插入HTML时使用`innerHTML`。同时,解释了`textContent`和`innerHTML`获取内容的不同,`textContent`不考虑CSS样式且不包含HTML元素,而`innerHTML`则会解析HTML。在IE11及以下版本,修改`innerHTML`会破坏文本节点,可能引发XSS攻击。
摘要由CSDN通过智能技术生成