javascript - 使用 document.getElementById 捕获 innerHTML

Question

我正在使用 JavaScript 通过 document.getElementById('').innerHTML 为空 div 分配一个值，这工作正常，我可以看到单词更新并出现在浏览器上。然后我尝试捕捉这些词，但一直将其视为未定义。

我的 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 标记的代码。有关innerHTML 属性，请参阅 w3school 的文档。

Answer 3

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

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

domNameHtml 值是演示中说的对如果你想改变关于 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; 文本值为【demo说的对】去掉了html代码

希望能够帮助到你