使用document.getElementById捕获innerHTML

Question

我正在使用JavaScript通过document.getElementById（''）将空值分配给一个空div。innerHTML工作正常，我可以在浏览器上看到单词update并出现。然后我尝试捕获这些单词，但继续将其定义为未定义。

我的HTML

<div id="name"> </div>

JavaScript执行此操作：

function doneloading(first_name) {
  document.getElementById('name').innerHTML = first_name;
}

我尝试使用以下方法捕获：

var photoname = document.getElementById('name').value;
alert(photoname);

一般不可能捕获innerHTML吗？提前谢谢！

Answer 1

尝试：

var photoname = document.getElementById('name').innerHTML;

Answer 2

您可以按照设置方式访问元素中的值。

var innerHTML = document.getElementById('name').innerHTML;

这也将返回特定元素中的任何嵌入式HTML标记代码。请参阅w3school的innerHTML property文档。

Answer 3

innerHTML输出代码是html代码： 如：

<div id="demo"><div id="name">The demo said is right</div></div>
var domNameHtml=document.getElementById('name').innerHTML;

domNameHtml值是demo说的是对的 如果你想改变关于div html代码的dom对象; 必须是这样的：

document.getElementById('name').innerHTML='<div id="name">The demo said is right</div><h1>Integral is my</h1>';

html代码更改：

<div id="demo"><div id="name">The demo said is right</div><h1>Integral is my</h1></div>

如果你想改变关于div文本代码的dom对象;

var text = document.getElementById（'name'）。innerTest; 文本值是[演示说的是对的]删除了html代码

希望能够帮到你