javascript - JS在页面中进行字符串替换

Question

我的代码中出现以下 HTML

<div id="optinforms-form1-name-field-container"> <input id="optinforms-form1-name-field" name="FNAME" placeholder="Vaše meno" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666" type="text"></div>

我想要一个js，它可以首先检查当前页面，如果访问了所需的页面，则它将上面代码中的字符串“Vaše meno”替换为“Your Name”。我已经尝试过以下代码，但由于我是 js 新手，我无法使其工作。我正在研究 wordpress 框架。

var sPath = window.location.pathname;
var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
if(sPage == "index.php"){      
$("optinforms-form1-name-field").each(function() {
var text = $(this).text();
text = text.replace("Vaše meno", "Your Name");
$(this).text(text);});}

Answer 1

ID 选择器以“#”开头，您应该替换占位符的值，而不是文本。在 jQuery 中:

if (/index\.php$/i.test(window.location.pathname)) {
  $('#optinforms-form1-name-field')[0].placeholder = 'Your name';

  // or
  //   $('#optinforms-form1-name-field').prop('placeholder','Your name');
}

或者用普通的JS:

if (/index\.php$/i.test(window.location.pathname)) {
  document.getElementById('optinforms-form1-name-field').placeholder = 'Your name';
}