我正在寻找一种仅将新 CSS 应用于元素的一部分的方法。
例如。原始的 HTML 看起来像
<p>123456</p>
我只想把 456 变成粗体。
当然,我可以通过在456中添加另一个标签来实现
<p>123<b>456</b></p>
但在我的应用程序中,我不想改变原来的 DOM 结构。通过添加新标签,我更改了 DOM 结构。
为此,我正在考虑向现有标签添加新的自定义属性,例如
<p data-wms="e-3">123456</p>
这里的data-wms表示有特殊的部分,e-3表示从索引3的字符(这里是4)到结尾会有一个特殊的属性(比如本例中的粗体)
现在我有了关于在元素内部进行更改的所有信息。
但是,我如何在不添加标签、不更改 dom 的情况下使用 javascript 做到这一点。
谢谢
最佳答案
您可以使用 span
元素来执行此操作,它专门用于处理内联样式,同时保持整体结构。
一个例子是:
<p>123<span class="bold-highlight">456</span></p>
关于javascript - 有没有办法将 css 应用于元素的一部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66620101/