<p id="numpr">34.99</p>如何用js将p标签中的内容提取出来并与5相乘，将相乘后的数字在前端页面原来位置显示

可以使用类似上面的方法，不同之处在于不需要创建新的p标签元素，而是直接将相乘后的数字替换掉原先的内容。具体实现步骤如下：

1. 获取p标签元素。

2. 获取p标签中的内容并将其转换为数字类型。

3. 计算相乘后的结果。

4. 将相乘后的数字作为新的内容替换掉原先的内容。

以下是示例代码：

// 获取p标签元素
var numpr = document.getElementById("numpr");

// 获取p标签中的内容并将其转换为数字类型
var num = parseFloat(numpr.innerHTML);

// 计算相乘后的结果
var result = num * 5;

// 将相乘后的数字作为新的内容替换掉原先的内容
numpr.innerHTML = result;

这样就可以将相乘后的数字在前端页面原来位置显示了。

相关问题

此段代码在函数外的numvalue4根本不会随函数里面的变化而变化，换一个能变化的代码。var numvalue4 = 0; // 定义全局变量 var minus = document.querySelector(".nummbe #minus"); minus.onclick = function(){ numvalue4 = parseInt(document.getElementById("nummbe-value").value); numvalue4=numvalue4-1; if (numvalue4<0){ numvalue4=0; } document.getElementById("nummbe-value").value = numvalue4; var numpr = document.getElementById("numprice"); numpr.innerHTML=(34.99*numvalue4); } var plus = document.querySelector(".nummbe #plus"); // 修复变量名错误 plus.onclick = function(){ numvalue4 = parseInt(document.getElementById("nummbe-value").value); numvalue4=numvalue4+1; document.getElementById("nummbe-value").value = numvalue4; var numpr = document.getElementById("numprice"); numpr.innerHTML=(34.99*numvalue4); }

可以将numvalue4定义为全局变量并且放在函数内部，这样就可以随函数里面的变化而变化了。修改后的代码如下：

function updateNumValue() {
var numvalue4 = parseInt(document.getElementById("nummbe-value").value);
var numpr = document.getElementById("numprice");
numpr.innerHTML = (34.99 * numvalue4);
}

var minus = document.querySelector(".nummbe #minus");
minus.onclick = function() {
var numvalue4 = parseInt(document.getElementById("nummbe-value").value);
numvalue4 = numvalue4 - 1;
if (numvalue4 < 0) {
numvalue4 = 0;
}
document.getElementById("nummbe-value").value = numvalue4;
updateNumValue();
}

var plus = document.querySelector(".nummbe #plus");
plus.onclick = function() {
var numvalue4 = parseInt(document.getElementById("nummbe-value").value);
numvalue4 = numvalue4 + 1;
document.getElementById("nummbe-value").value = numvalue4;
updateNumValue();
}

这样将变量定义在函数外边，从外边访问函数得到的是0var numvalue2 = 0; var minus = document.querySelector(".numm #minus"); minus.onclick = function(){ alert("期待好事发生"); numvalue2 = parseInt(document.getElementById("numm-value").value); numvalue2 = numvalue2 - 1; if (numvalue2 < 0) { numvalue2 = 0; } document.getElementById("numm-value").value = numvalue2; var numpr = document.getElementById("numpri"); numpr.innerHTML = (34.99 * numvalue2); } var plus = document.querySelector(".numm #plus"); plus.onclick = function(){ numvalue2 = parseInt(document.getElementById("numm-value").value); numvalue2 = numvalue2 + 1; if (numvalue2 < 0) { numvalue2 = 0; } document.getElementById("numm-value").value = numvalue2; var numpr = document.getElementById("numpri"); numpr.innerHTML = (34.99 * numvalue2); }

这段代码中的变量numvalue2是定义在函数外部的全局变量，因此可以被函数内部的代码所访问和修改。在代码执行时，当用户点击页面上的加号或减号按钮时，对应的事件处理函数会将输入框中的值进行加1或减1的操作，并且将计算出的结果更新到页面上。同时，也会更新商品数量与总价的显示。需要注意的是，如果计算出的结果小于0，那么会将其强制设置为0，以避免出现异常情况。