JavaScript提取并修改HTML字符串中data-value属性值
与负相关,与正相关
以下是使用JavaScript的方法来取出字符串中含有data-value的span,并修改并放回的示例代码:
// 原始字符串
var str = '<span style="color: rgb(51, 51, 51);">与负相关,与正相关</span><span data-w-e-type="formula" data-w-e-is-void data-w-e-is-inline data-value="AAAA"></span><span data-w-e-type="formula" data-w-e-is-void data-w-e-is-inline data-value="bbb"></span>';
// 创建一个临时div元素
var tempDiv = document.createElement('div');
tempDiv.innerHTML = str;
// 获取所有含有data-value属性的span元素
var spanList = tempDiv.querySelectorAll('span[data-value]');
// 遍历每个span元素,修改data-value值
spanList.forEach(function(span) {
var value = span.getAttribute('data-value');
// 在这里根据需要修改value的值
value = value.toUpperCase();
// 修改data-value属性值
span.setAttribute('data-value', value);
});
// 将修改后的字符串放回
var modifiedStr = tempDiv.innerHTML;
console.log(modifiedStr);
运行以上代码后,你将会得到修改后的字符串:
<span style="color: rgb(51, 51, 51);">与负相关,与正相关</span><span data-w-e-type="formula" data-w-e-is-void data-w-e-is-inline data-value="AAAA"></span><span data-w-e-type="formula" data-w-e-is-void data-w-e-is-inline data-value="BBB"></span>
注意:在示例代码中,我将data-value的值修改为大写字母。你可以根据自己的需求修改value的值。
原文地址: http://www.cveoy.top/t/topic/o221 著作权归作者所有。请勿转载和采集!