个人中心
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
文章推荐： javascript - 动态地，在具有指定类名 (jQuery) 的每个元素(div、图像、跨度等)上添加重叠的 div
文章推荐： javascript - 如何使用 jQuery 淡出主 div 并淡入相应单击缩略图的内容
文章推荐： javascript - 指定工具提示位置
文章推荐： css - 有没有比 -moz-border-radius 更好的解决方案
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com