Question

我有一个文本框，其中包含＆＃34; text-transform：capitalize;＆＃34;它工作正常，但当我试图获得它的价值时，它没有被改变。例如，我写了＆＃34; test＆＃34;它显示＆＃34;测试＆＃34;在文本框中，但当我做＆＃34; console.log（＆＃34; document.getElementById（＆＃34; search＆＃34;）。value＆＃34;）＆＃34;它显示＆＃34; test＆＃34;。
我该如何解决这个问题？

这是我的代码：

HTML：

<input type="text" id="search"/>
<button type="submit" onclick="query()">Submit</button>
<div class="query-div"><p class="query-p">Test-a</p></div>
<div class="query-div"><p class="query-p">Test-b</p></div>
<div class="query-div"><p class="query-p">Test-ba</p></div>

使用Javascript：

function query() {
var x = document.querySelectorAll(".query-p");
var y = document.getElementById("search");
var i;
        for(i = 0; i < x.length; i++) {
        if(x[i].innerHTML.includes(y.value)) {x[i].style.display = 'block';} else {x[i].style.display = 'none';}
             console.log(x[i].innerHTML);
    }
}

Answer 1

您可以在第一个字符上使用string.toUpperCase（）。

＆＃13;

function query() {
  var x = document.querySelectorAll(".query-p");
  var y = document.getElementById("search");
  var i;
  for(i = 0; i < x.length; i++) {
    if(x[i].innerHTML.includes(y.value)) {
      x[i].style.display = 'block';
    } else {
      x[i].style.display = 'none';
    }
    var text = x[i].innerHTML
    console.log(text[0].toUpperCase() + text.slice(1));
  }
}

＆＃13;

<input type="text" id="search"/>
<button type="submit" onclick="query()">Submit</button>
<div class="query-div"><p class="query-p">Test-a</p></div>
<div class="query-div"><p class="query-p">Test-b</p></div>
<div class="query-div"><p class="query-p">Test-ba</p></div>

＆＃13;

当我尝试获取值时，文本转换不起作用

1 个答案: