innerHTML 是 JavaScript 中的一个属性,用于获取或设置 HTML 元素内部的 HTML 内容。它允许我们动态地读取或修改网页中某个元素的内容,包括其子元素和文本内容。
在上面的代码中,innerHTML 被用来更新页面上显示网络状态的元素内容。具体来说:
var networkStateDisplay=document.getElementById("networkState");这行代码获取了 ID 为 "networkState" 的 HTML 元素。
networkStateDisplay.innerHTML="加载中...["+e.loaded+"/"+e.total+"byte]";
这行代码将该元素的 HTML 内容设置为 "加载中...[已加载字节数/总字节数byte]"。通过这种方式,页面可以实时显示视频加载的进度信息。
networkStateDisplay.innerHTML="加载失败";
当视频加载失败时,又将该元素的内容修改为 "加载失败"。这样用户就能清楚地看到视频加载的状态变化。
简单来说,innerHTML 就是控制网页中某个元素显示什么内容的工具,可以动态地改变页面上的文字、标签等 HTML 内容。