在HTML中更改对象标记的数据内容

我有一个HTML页面,其中包含一个Object标记来托管嵌入的HTML页面.

但是,我需要更改object标签中的HTML页面.当前代码似乎创建了对象的克隆并用它替换现有对象,如下所示:

function changeObjectUrl(newUrl)
{
    var oContentArea = document.getElementById("contentarea");
    var oClone = oContentArea.cloneNode(true); 
    oClone.data = newUrl; 

    var oPlaceHolder = document.getElementById("contentholder"); 
    oPlaceHolder.removeChild(oContentArea); 
    oPlaceHolder.appendChild(oClone); 
}

这似乎是一种相当差的方式.有谁知道改变嵌入页面的'正确'方式？

谢谢!

编辑:在回答下面的答案,这里是我现在使用的页面的完整来源.使用setAttribute似乎不会更改Object标记的内容.

Test1.html和Test2.html页面只是简单的HTML页面,分别显示文本'Test1'和'Test2'.

您可以使用setAttribute执行此操作

document.getElementById("contentarea").setAttribute('data', 'newPage.html');

编辑:还建议您使用window.onload来确保已加载DOM,否则您将无法访问其中的对象.

它可能是这样的:

function changeData(newURL) {
    if(!document.getElementById("contentarea")) 
        return false;
    document.getElementById("contentarea").setAttribute('data', newURL);
}

window.onload = changeData;

您可以在此处阅读有关window.onload的更多信息

`标记的呈现内容不会更新.

2> Abhi Beckert..：

---

这似乎是一个浏览器错误,setAttribute()应该工作.我找到了这个解决方法,它似乎适用于所有浏览器:

var newUrl = 'http://example.com';
var objectEl = document.getElementById('contentarea');
objectEl.outerHTML = objectEl.outerHTML.replace(/data="(.+?)"/, 'data="' + newUrl + '"');

推荐阅读

• 程序员

  为什么JavaScript中的"〜undefined"为-1？

  如何解决《为什么JavaScript中的"〜undefined"为-1？》经验，为你挑选了2个好方法。 ... [详细]
• 程序员

  扩展&:将任何班级悬停在任何其他班级的SASS或SCSS中

  如何解决《扩展&:将任何班级悬停在任何其他班级的SASS或SCSS中》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何延迟div中背景图像的显示

  如何解决《如何延迟div中背景图像的显示》经验，为你挑选了2个好方法。 ... [详细]
• 程序员

  Android:我们如何在xml布局中隐藏/显示浮动操作按钮(fab)

  如何解决《Android:我们如何在xml布局中隐藏/显示浮动操作按钮(fab)》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  使用phonegap或cordova获取当前电池电量？

  如何解决《使用phonegap或cordova获取当前电池电量？》经验，为你挑选了0个好方法。 ... [详细]
• 程序员

  IE 11上的鼠标事件属性未定义

  如何解决《IE11上的鼠标事件属性未定义》经验，为你挑选了0个好方法。 ... [详细]
• 程序员

  如何在CMake中检测到ffmpeg vs libav？

  如何解决《如何在CMake中检测到ffmpegvslibav？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  MySQL - 选择列+ X>列的行

  如何解决《MySQL-选择列+X>列的行》经验，为你挑选了0个好方法。 ... [详细]
• 程序员

  如何确保我的Android应用不会同时访问文件？

  如何解决《如何确保我的Android应用不会同时访问文件？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何告诉PIT不要改变代码的某些特定部分？

  如何解决《如何告诉PIT不要改变代码的某些特定部分？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  MPAndroidChart图表填充

  

  如何解决《MPAndroidChart图表填充》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  数据库文本在PHP while循环中打印两次

  如何解决《数据库文本在PHPwhile循环中打印两次》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何覆盖Play的默认Ebean服务器配置？

  如何解决《如何覆盖Play的默认Ebean服务器配置？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  使phpunit捕获php7 TypeError

  如何解决《使phpunit捕获php7TypeError》经验，为你挑选了2个好方法。 ... [详细]
• 程序员

  如何在whatsapp中对图像进行子采样/调整大小

  

  如何解决《如何在whatsapp中对图像进行子采样/调整大小》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  MAX函数与GROUP BY子句一起使用

  如何解决《MAX函数与GROUPBY子句一起使用》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何在指令中的节点中添加rst格式？

  如何解决《如何在指令中的节点中添加rst格式？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  使用核心javascript时在ajax调用中设置超时

  如何解决《使用核心javascript时在ajax调用中设置超时》经验，为你挑选了0个好方法。 ... [详细]
• 程序员

  实体框架6在代码中设置连接字符串

  如何解决《实体框架6在代码中设置连接字符串》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  Spring在运行时选择bean实现

  

  如何解决《Spring在运行时选择bean实现》经验，为你挑选了3个好方法。 ... [详细]

吐了个 "CAO" !

吐个槽吧,看都看了

会员登录 | 用户注册

mobiledu2402852413

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1为什么mt19937 m(random_device()())无法编译？
• 2为什么0.29999999999999998转换为0.3？
• 3数组[Any]和contains()
• 4方法链接时，try-with-resources中的“资源永不关闭”
• 5检测每个触摸事件而不获取应用程序上下文？
• 6android中的back press和home按钮之间的区别
• 7如果我没有使用刀片或任何模板,如何使用href标签重定向到laravel 5中的路由？
• 8在处理NaN时,data.table"list"与":="
• 9通过FFT执行2D卷积时的奇怪行为
• 10输入内部的响应式图标
• 11新标签中的HTML按钮打开链接
• 12C3中的换行符通过JavaScript生成SVG图表
• 13Laravel 5.1使用限制在()方法中的雄辩
• 14如何将Pandas列多索引名称作为列表
• 15Redux React从API创建初始状态
• 16Laravel雄辩的模型如何从关系表中获取数据
• 17并行检查md5文件
• 18如何按计划扩展或缩小Azure App Service实例大小？
• 19Magento2:将产品属性添加为媒体图像
• 20将Node.js内存使用限制为每个进程少于300MB

DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有