tengo un texto al que le estoy añadiendo el ID del widget de un CSS automáticamente en cada punto, el problema es que tengo un valor que contiente un punto, por ejemplo
width: 8.5%;
y quiero obviamente añadir números como excepción para que no se añada el ID del widget, o en todo caso y si es que fuera posible que ningún valor del CSS se vea afectado, es decir nada dentro de las llaves { }
ejemplo del valor afectado:
function myFunction() {
var widgetId = "service"
var str = document.getElementById("demo").innerHTML;
var res = str.replaceAll(".", `#${widgetId}.`);
document.getElementById("demo").innerHTML = res;
}
<p id="demo">
<code>
.spacer-line {
border-bottom-width: 20px;
width: 8.5%;
border-color: black;
}
.card-title {
color: blue !important;
}
.card-body {
text-align: left;
padding: 80px 20px 60px 90px;
}
</code>
</p>
<button onclick="myFunction()">Reemplazar</button>
estoy haciendo un value = value.replaceAll('.', '#' + widgetId + ' .');