JAVASCRIPT：将单个字符替换为<p>

Question

我在 HTML 段落中找到了一个词。例如 'string':

<p id="myWord">string</p>

我只想改变那个词的一个字符。例如'strong'：所以我添加了一个调用函数的 html 按钮：

<button onclick="myFunction">replace 'i'</button>

JS中的函数是这样的，但是无法访问myWord的第四个字符：

function myFunction{
document.getElementById("myWord[3]").innerHTML = 'o';
}

这是不工作的 fiddle：https://jsfiddle.net/su3Lrezr/4/

如何访问 html 段落中单词的索引？我已经尝试使用 split() 方法将 myWord 转换为数组，但它不起作用。

谢谢大家

Answer 1

排列方式：

您需要在值 'i' 处拆分字符串，然后在中间用 'o' 将它们重新连接在一起。然后更新您的 innerHTML。您将需要 split() 函数。这将起作用：

function myFunction(){
      var word = document.getElementById('myWord').innerHTML;
      var result = word.split('i'); 
      var newword = result[0] + "o" + result[1];
      document.getElementById('myWord').innerHTML = newword;
 }

此外，正如评论者提到的，您调用函数的语法是错误的。您必须像这样调用函数：myFunction() 并像这样声明它们：function myFunction(){ }

JAVASCRIPT：将单个字符替换为<p>

JAVASCRIPT: Replace a single character into a <p>

dom

replace

character

paragraph