Javascript 输入元素上的innerHTML是什么？

我只是想在维基百科的chrome控制台上做这个。我将光标放在搜索栏中，然后尝试执行

document.activeElement.innerHTML+=“一些文本”

，但不起作用。我在谷歌上四处搜索，查看了其他属性和属性，却不知道自己做错了什么

activeElement

选择器工作正常，它正在选择正确的元素

---

编辑：我刚刚发现它是

值

属性。所以我想改变我的要求。为什么更改

innerHTML

对输入元素不起作用？如果我不能用它做任何事情，为什么他们会有这样的财产？

你是说这样的东西：

$('.activeElement').val('Some text');

---

首先了解在哪里使用什么

<input type="text" value="23" id="age">

因此，在这个

ageElem

中，您可以拥有该元素包含的许多内容。因此，您可以使用其

值

，

类型

等属性。但不能使用innerHTML，因为我们不在输入标记之间写入任何内容

  <button id='ageButton'>Display Age</button>

显示年龄

---

因此，这里的

Display Age

是innerHTML内容，因为它写在HTML标记按钮中。

在输入标记上使用innerHTML只会导致：

<input name="button" value="Click" ... > InnerHTML Goes Here </input>

InnerHTML在这里

但由于输入标记不需要结束标记，因此将重置为：

---

因此，您的浏览器很可能正在应用更改并立即重置它

设置

值

通常用于输入/表单元素

innerHTML

通常用于div、span、td和类似元素

value

仅适用于具有value属性的对象（通常是表单控件）

innerHtml

适用于可以包含

HTML

的每个对象（div、span，但还有许多其他控件和表单控件）

它们不是等效的或可替换的。取决于你想要达到的目标

每个HTML元素都有一个innerHTML属性，用于定义HTML和 代码和该元素的开头和结尾之间出现的文本 结束语。通过在某个用户之后更改元素的innerHTML 交互，您可以制作更多的交互页面

JScript

<script type="text/javascript">
function changeText(){
    document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>

函数changeText（）{
document.getElementById（'boldStuff'）.innerHTML='Fred Flinstone'；
}

HTML

<p>Welcome to Stack OverFlow <b id='boldStuff'>dude</b> </p> 
<input type='button' onclick='changeText()' value='Change Text'/>

欢迎来到Stack OverFlow dude

---

在上面的示例中，b标记是innerhtml，dude是它的值，因此要更改这些值，我们在JScript中编写了一个函数，innerhtml是一个DOM属性，用于将内容插入元素的指定id。它在Javascript中用于操作DOM

例如： document.getElementById（“示例”）.innerHTML=“我的字符串”

此示例使用该方法“查找”HTML元素（id=“example”），并将元素内容（innerHTML）更改为“我的字符串”：

HTML 改变

Javascript

function change(){
  document.getElementById(“example”).innerHTML = “Hello, World!”
}

点击按钮后，您好，世界！将出现，因为innerHTML将值（在本例中为Hello，World！）插入id为“example”的开始标记和结束标记之间

因此，如果在单击按钮后检查元素，您将看到以下代码：

<div id=”example”>Hello, World!</div>

<div id=”example”>Hello, Kennedy!</div>

你好，世界！

---

仅此而已，innerHTML是一个DOM属性，用于将内容插入元素的指定id。它在Javascript中用于操作DOM

示例

HTML

改变

Javascript

<script type="text/javascript">
function changeText(){
    document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>

按一下按钮，你好，肯尼迪！将出现，因为innerHTML将值（在本例中为Hello，Kennedy！）插入id为“example”的开始标记和结束标记之间

因此，在单击按钮后检查图元时，您将注意到以下代码：

<div id=”example”>Hello, World!</div>

<div id=”example”>Hello, Kennedy!</div>

你好，肯尼迪！ 使用

使用innerHTML对输入元素和文本内容不起作用

<input id="input" type="number">

document.getElementById("input").addEventListener("change", GetData);

function GetData () {
  var data = document.getElementById("input").value;
  console.log(data);
  function ModifyData () {
    document.getElementById("input").value = data + "69";
  };
  ModifyData();
};

document.getElementById（“输入”）.addEventListener（“更改”，GetData）； 函数GetData（）{ var data=document.getElementById（“输入”）.value； 控制台日志（数据）； 函数ModifyData（）{ document.getElementById（“输入”）.value=data+“69”； }; ModifyData（）； }; 我的评论：这里的输入字段通过更改.value作为输入和显示

var-lat=document.getElementById（“lat”）.value；
纬度值=位置坐标纬度

获取数据
刚刚找到它，它是
值
属性。你可以把它添加为你自己的答案。你可以回答你自己的问题：）更多信息可以在这里找到，请看我的编辑！我改变了问题，太棒了，兄弟。继续前进。我的+1@PraveenPrasannan下面是一个使用值js的示例：
var a=document.getElementById（'info'）
a.value='地球是圆的'然后在html中：