gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 15:16:42 24 4
gpt4 key购买 nike

<分区>

我有一个带有“text-transform: capitalize;”的文本框它工作正常,但当我试图获得它的值(value)时,它并没有被改变。例如,我写了“test”,它在文本框中显示了“Test”,但是当我执行“console.log("document.getElementById("search").value")”时,它显示了“test”。
我该如何解决这个问题?

这是我的代码:

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);
}
}

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com