js 如何选取dom元素的全部文本

码小白1

于 2022-02-19 16:13:33 发布

阅读量1.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js基础文章标签： javascript css css3

本文链接：https://blog.csdn.net/weixin_41489378/article/details/123019729

js基础专栏收录该内容

14 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript选取DOM元素中的全部文本并修改其样式。提供的函数`select_text`通过`getSelection()`和`createRange()`方法实现文本选择，然后设置背景颜色和文字颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用js选取dom中的全部文本

select_text:function(element){
      if(!element) return 
      var selection = window.getSelection();
      var range = document.createRange();
      range.selectNodeContents(element);
      selection.removeAllRanges();
      selection.addRange(range);
},

修改选中文本的样式

.className::selection {
  background-color: #00BFBF;
  color: #fff;
}