Question

我只是想通过维基百科上的chrome控制台来做这件事。我将光标放在搜索栏中，然后尝试document.activeElement.innerHTML += "some text"，但它不起作用。我用Google搜索并查看其他属性和属性，但无法弄清楚我做错了什么。

activeElement选择器工作正常，它选择了正确的元素。

修改：我刚发现它是value属性。所以我想改变我的要求。为什么不更改innerHTML对输入元素的工作？如果我对它无能为力，为什么他们有这个属性？

Answer 1

设置value通常用于输入/表单元素。 innerHTML通常用于div，span，td和类似元素。

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

innerHtml适用于可以包含HTML的每个对象（div，spans，但许多其他对象以及表单控件）。

它们不等同或可替换。取决于你想要实现的目标

Answer 2

首先要了解在哪里使用。

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

现在这里

var ageElem=document.getElementById('age');

所以在这个ageElem上你可以拥有那个元素包含的东西。所以你可以使用它的value，type等属性。但是不能使用innerHTML，因为我们不在输入标记

之间写任何东西

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

所以这里Display Age是innerHTML内容，因为它是在HTML标签按钮内写的。

Answer 3

你是说这样的意思吗？

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

Answer 4

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

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

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

<input name="button" value="Click" ... />

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

Answer 5

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

<强>的JScript

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

<强> HTML

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

在上面的示例中，b标签是innerhtml，dude是它的值，所以要更改我们在JScript中编写函数的值

Answer 6

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

例如： document.getElementById（＆＃34; example＆＃34;）。innerHTML =＆＃34; my string＆＃34 ;;

此示例使用方法＆＃34;查找＆＃34;一个HTML元素（id =＆＃34; example＆＃34;）并将元素内容（innerHTML）更改为＆＃34; my string＆＃34;：

HTML 变化

的Javascript

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

点击按钮后，Hello，World！将出现因为innerHTML将值（在本例中为Hello，World！）插入到开始标记和结束标记之间，并带有id“example”。

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

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

这就是全部

Answer 7

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

<强> 实施例

HTML

更改

<强> 的Javascript

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

按钮点击，你好，肯尼迪！将出现因为innerHTML将值（在这种情况下，Hello，Kennedy！）插入到开始标记和结束标记之间，并带有id“example”。

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

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

Answer 8

使用

document.querySelector('input').defaultValue = "sometext"

使用innerHTML不适用于输入元素和textContent

Answer 9

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

我的评论：在这里，输入字段通过更改.value用作输入和显示

Answer 10

var lat = document.getElementById("lat").value;
lat.value = position.coords.latitude;

<input type="text" id="long" class="form-control" placeholder="Longitude">
<button onclick="getLocation()" class="btn btn-default">Get Data</button>

不能对输入类型使用InnerHTML use值

什么是输入元素的innerHTML？

10 个答案: