Javascript 如何自定义正在添加样式（如工具提示）的div或HTML元素的属性？

我希望esilizar属性能够制作工具提示或类似于性别的东西，以便使用css进行样式设计

范例

<div data-tolltip="Some info" class="base">
    Some div container
</div>

一些div容器

div{
位置：相对位置；
}
部门：之后{
位置：绝对位置；
排名：0；
背景色：深蓝色；
颜色：白色；
内容：attr（数据工具提示）；
显示：无；
}
div:hover:：after{
显示：块；
}

一些div容器

div{
位置：相对位置；
}
部门：之后{
位置：绝对位置；
排名：0；
背景色：深蓝色；
颜色：白色；
内容：attr（数据工具提示）；
显示：无；
}
div:hover:：after{
显示：块；
}

一些div容器

这里是一个纯CSS工具提示代码：

div[data tolltip]{位置：相对；显示：内联块；}
div[data tolltip]{位置：绝对；底部：100%；左侧：10px；页边距底部：-9px；内容：''；宽度：0；高度：0；边框：9px实心透明；边框顶部颜色：#000；z索引：5555555；显示：无；}
div[data tolltip]{位置：绝对；底部：100%；左：-5px；填充：8px 10px；边距底部：9px；内容：attr（data tolltip）；显示：无；背景：000；颜色：fff；字体：600 11px Arial，Helvetica，无衬线；文本对齐：中心；z索引：555555555；边框半径：3px；文本阴影：1px 1px rgba（0,0,0,4）}
div[data tolltip]：悬停在{display:block；}之前
div[data tolltip]：悬停在{display:block；}之后
.base{margin top:50px；margin left:50px；}/*不需要，用于演示*/

一些div容器

这里是一个纯CSS工具提示代码：

div[data tolltip]{位置：相对；显示：内联块；}
div[data tolltip]{位置：绝对；底部：100%；左侧：10px；页边距底部：-9px；内容：''；宽度：0；高度：0；边框：9px实心透明；边框顶部颜色：#000；z索引：5555555；显示：无；}
div[data tolltip]{位置：绝对；底部：100%；左：-5px；填充：8px 10px；边距底部：9px；内容：attr（data tolltip）；显示：无；背景：000；颜色：fff；字体：600 11px Arial，Helvetica，无衬线；文本对齐：中心；z索引：555555555；边框半径：3px；文本阴影：1px 1px rgba（0,0,0,4）}
div[data tolltip]：悬停在{display:block；}之前
div[data tolltip]：悬停在{display:block；}之后
.base{margin top:50px；margin left:50px；}/*不需要，用于演示*/

一些div容器

你想用css制作工具提示？？很抱歉，我没有在这个问题上添加css标签，但使用css感谢你的回答。你想用css制作工具提示？？很抱歉，我没有在这个问题上添加css标签，但使用css感谢你的回答。谢谢你，帮了我很大的忙，现在是我自己的风格，非常感谢你，帮了我很多现在只是我自己的风格，谢谢你非常，帮了我很多谢谢你，帮了我很多