gpt4 book ai didi

javascript insidehtml 没有响应

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

我试图将我在文本输入中输入的所有内容大写,js 上的 caps 函数工作正常,我可以在控制台上看到,但 insidehtml 函数不会更改 html 文件

function clr() {
document.getElementById("box").value = '';
}

function caps() {
var str = document.getElementById("box").value;
console.log(str);
var res = str.toUpperCase();
console.log(res);
document.getElementById("box").innerHTML = res;
}
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>UI</title>
<link rel="stylesheet" href="css.css">
<script src="myscript.js"></script>

<body>
<div id="magic">
<input id="box">
<p id="pp">
<button onclick="clr()">Clear It</button>
<button onclick="caps()">Capitalize</button>
</p>
</div>
</body>

</html>

在这里我可以看到 caps 函数在控制台上运行良好,但在 HTML 文件中不起作用

最佳答案

<强> input元素没有 .innerHTML属性(property)。他们有一个 .value属性(property)。

只有具有开始和结束标记的元素才能在其中包含任何 HTML,因此只有类似以下的元素: <div> , <span> , <p>等可以利用.innerHTML .

您访问了value正确地在您的clr中功能。

function clr() {
document.getElementById("box").value = '';
}

function caps() {
var str = document.getElementById("box").value;
console.log(str);
var res = str.toUpperCase();
console.log(res);
document.getElementById("box").value = res;
}
    <div id="magic">
<input id="box">
<p id="pp">
<button onclick="clr()">Clear It</button>
<button onclick="caps()">Capitalize</button>
</p>
</div>

关于javascript insidehtml 没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49114270/

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