Javascript 使用document.getElementById捕获innerHTML

Javascript 使用document.getElementById捕获innerHTML,javascript,html,Javascript,Html,我正在使用JavaScript通过document.getElementById(“”).innerHTML为空div分配一个值,它工作正常,我可以看到单词更新并出现在浏览器上。然后,我试图捕捉这些词,但一直认为它是未定义的 我的HTML是 <div id="name"> </div> 我试图通过以下方式捕捉到这一点: var photoname = document.getElementById('name').value; alert(photoname); 一般

我正在使用JavaScript通过document.getElementById(“”).innerHTML为空div分配一个值,它工作正常,我可以看到单词更新并出现在浏览器上。然后,我试图捕捉这些词,但一直认为它是未定义的

我的HTML是

<div id="name"> </div>
我试图通过以下方式捕捉到这一点:

var photoname = document.getElementById('name').value;
alert(photoname);
一般来说不可能捕获innerHTML吗??提前谢谢

试试看:

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

可以使用与设置相同的方式访问元素中的值

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

这还将返回特定元素中任何嵌入的HTML标记代码。请参阅w3school的文档以了解。

innerHTML输出代码是html代码: 例如:

<div id="demo"><div id="name">The demo said is right</div></div>
var domNameHtml=document.getElementById('name').innerHTML;
演示说的是对的
var domNameHtml=document.getElementById('name').innerHTML;
domNameHtml值是演示所说的正确值 如果你想改变dom对象关于div的html代码; 必须是这样的:

document.getElementById('name').innerHTML='<div id="name">The demo said is right</div><h1>Integral is my</h1>';
document.getElementById('name').innerHTML='demo说的是RightIntegrator是我的';
html代码更改:

<div id="demo"><div id="name">The demo said is right</div><h1>Integral is my</h1></div>
演示说是正确的,积分是我的
如果要更改dom对象关于div的文本代码

var text=document.getElementById('name').innerTest; 文本值是[演示说的是正确的]删除的html代码


想在调用捕获代码时帮助您吗?@Ahmad您正在设置
innerHTML
属性,但正在检索
属性。您应该尝试检索
innerHTML
属性。我肯定会在div更新并在屏幕上显示名称后调用它browser@kalaero谢谢你的评论。我在发帖之前就试过了,但也没用。仍然是未定义的…@kalaero我只是再次尝试,这次成功了。哇!非常感谢!如果没有你的帮助,我不会再试一次:)我以前试过,结果还是没有定义,但由于某种原因,它现在起作用了,所以谢谢!我以前试过,但仍然没有定义,但由于某些原因,它现在起作用了,所以谢谢!
<div id="demo"><div id="name">The demo said is right</div><h1>Integral is my</h1></div>