String.Replace() 的小问题

还不太精通 JS，我遇到了一个奇怪的问题，它似乎.replace() 应该可以工作，但实际上却没有。

我只是想获取一个包含文本 + 数字的字符串（来自元素 ID），用 RegEx 模式替换数字，然后用原始文本 + 新数字替换该 ID 中的原始文本。

我的 HTML 示例：

<html>

<body>

<p>Click the button to replace "Movies: 12344" with "Movies: 54321" in the paragraph below:</p>

<p id="demo">Movies: 1234!</p>

</body>

</html>

我的JS：

function myFunction() {

// Get all the text in #id=demo

var str = document.getElementById("demo");

// RegEx pattern to find ": <some digits>"

var pat = /\:\s?\d*/;

// Replace the digits

var res = str.replace(pat, ': 54321');

// Doesn't work (as a test) ...

//res = " hi"

// Replace the text in id=demo with original text + new digits.

str.innerHTML = res;

// Doesn't work (as a test) ...

//document.getElementById("demo").innerHTML = res;

}

目前，点击页面中的按钮后，什么也没有发生。

这也可能有点帮助：https : //codepen.io/stardogg/pen/aboREmL

肥皂起泡泡

浏览 190回答 3

3回答

收到一只叮咚

与您在innerHTML函数的最后一行设置相同的方式，innerHTML也是您应该应用的replace内容：function myFunction() {  var str = document.getElementById("demo");  var pat = /\:\s?\d*/;  var res = str.innerHTML.replace(pat, ': 54321');  str.innerHTML = res;}<p>Click the button to replace "Movies: 12344" with "Movies: 54321" in the paragraph below:</p><p id="demo">Movies: 1234!</p><button onclick="myFunction()">Try it</button>

四季花海

您的str变量不等于元素内的文本节点，而是元素本身。要使str元素内的文本相等，请尝试以下操作。var str = document.getElementById("demo").innerText;

江户川乱折腾

您需要在替换之前从元素中提取文本。//Replace the digitsvar res = str.innerHTML.replace(pat, ': 54321');

随时随地看视频慕课网APP