如何在 javascript 中编辑 <object>答案

【问题标题】：how to edit <object> in javascript如何在 javascript 中编辑 <object>
【发布时间】：2018-10-09 14:34:14
【问题描述】：

我正在编辑一个系统，我注意到一个奇怪的标签<object> 我试图搜索它但没有得到任何运气。代码看起来像这样： <object width="50" height="10" tabIndex="12345" id="test" classid="ghjkl" />

所以我需要做的是我需要编辑这个文本框的值，但我没有得到任何运气。我试图通过 id 获取它（并且它有效），但我无法获得确切的值或编辑它的值。有什么想法吗？

【问题讨论】：

元素的value是什么意思？
@Mamun 该元素是一个文本文件，因此在普通文本字段中我们可以使用类似 textfield.value = "bla bla bla" 的内容，但这是另一回事
“使用此元素在您的网页中嵌入多媒体（如音频、视频、Java 小程序、ActiveX、PDF 和 Flash）。” w3schools

标签： javascript flash swfobject

【解决方案1】：

HTML <object> 元素表示一个外部资源，可以将其视为图像、嵌套浏览上下文或由插件处理的资源。

<object> 元素没有 value 属性。请检查MDN 链接以获取<object> 中存在的所有可用属性。

但是有data属性可以修改：

document.addEventListener('DOMContentLoaded', function(){ 
  document.getElementById('test').setAttribute('data', 'new-movie.swf');
  console.log(document.getElementById('test').getAttribute('data'));
}, false);

<object width="50" height="10" tabIndex="12345" id="test" classid="ghjkl" data="movie.swf"
  type="application/x-shockwave-flash"></object>

【讨论】：

我收到错误object does not support this property or method
我尝试使用 document.getElementById 并且能够获取对象我唯一的问题是当我尝试使用 getAttribute('data') 时它返回错误：t is null or not an object where @ 987654331@是我用来存储get by id结果的变量
我收到此错误：document.getElementById(...) is null or not an object
@keloa，用您的完整代码更新问题...可能是您的代码在 DOM 加载之前运行。
@keloa，请将您的 JavaScript 代码 document.getElementById(........ 放在 HTML 正文的底部.....或者像我一样用 document.addEventListener...... 包装您的代码...

【解决方案2】：

您好，如果您想从对象标签中获取值，您可以使用此代码。

HTML

<object width="50" height="10" tabIndex="12345" id="test" classid="ghjkl" />

JavaScript

var t=document.querySelector("#test");
var htmlDocument= t.contentDocument;

如果您的项目中有 jQuery，并且想要删除对象元素，您可以使用 remove 方法。

$("#test").remove();

【讨论】：

我收到此错误：Object does not support this property or method