在前端开发中，我们经常需要对DOM元素进行增、删、改、查等操作。而通过原生的JavaScript代码实现这些操作，需要编写很多冗长的代码，并且容易出现错误。这时候，一个好用的npm包cr.js就能大大提高开发效率和代码的健壮性。
什么是cr.js
cr.js是一款优秀的前端DOM操作库，它封装了常用的DOM操作，能够让我们在前端开发中快速高效地对DOM元素进行增、删、改、查等操作。cr.js具有以下特点：
- 基于原生JavaScript实现，轻量级。
- 支持链式调用，操作简单方便。
- 内置了丰富的操作方法，包括获取、修改、添加和删除元素等。
安装和引用
使用npm安装cr.js非常简单：
npm install cr --save
引用cr.js也很方便，可以直接在项目中引用：
<script src="./node_modules/cr/dist/cr.js"></script>
常用方法示例
以下是一些常用的操作方法示例：
获取元素
获取单个元素：
// 通过ID获取元素
cr.getId("myElement");
// 通过class获取元素
cr.getClass("myClass");
// 通过标签名获取元素
cr.getTag("div");获取多个元素：
// 通过class获取一组元素
cr.getClassAll("myClass");修改元素
修改元素的文本内容：
cr.getId("myElement").text("新的文本内容");修改元素的HTML内容：
cr.getId("myElement").html("<p>新的HTML内容</p>");修改元素的属性：
cr.getId("myElement").attr("title", "新的title");添加元素
添加新元素：
cr.get("p").text("新的段落").appendTo("body");删除元素
删除元素：
cr.getId("myElement").remove();总结
总之，使用cr.js能够轻松地实现前端DOM元素的增、删、改、查等操作，提高开发效率和代码健壮性。希望通过本文的介绍，读者能够掌握基本的使用方法，并在实际项目中得到应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566ab81e8991b448e2e51