将不带$的价格追加到价格架构内容属性

时间:2019-04-11 14:16:16

标签: javascript dom append

我正尝试将<p class="regular-price">$7.07</p>中的7.07(当前没有符号)附加到以下内容属性:<meta itemprop="price" content="7.07 Here" />

1 个答案:

答案 0 :(得分:0)

以下代码应该可以实现您希望使用普通JavaScript的功能:

(function () {
  // Get references to the two elements
  var metaElement = document.querySelector('meta');
  var priceElement = document.querySelector('.regular-price');

  // Get the value of the `regular-price` element and remove the $ sign
  var priceValueModified = priceElement.innerHTML.replace('$', '');

  // Set the modified value as the attribute of the meta element
  metaElement.setAttribute('content', priceValueModified);
})();
<meta itemprop="price" content="" />
<p class="regular-price">$7.07</p>