如何在 JavaScript 中更改 HTML 对象元素数据属性值？
这就是我正在尝试的
<object type="text/html" id="htmlFrame" style="border: none;" standby="loading" width="100%"></object>
var element = document.getElementById("htmlFrame");
element.setAttribute("data", "http://www.google.com");
这有效：
<html>
<head></head>
<body>
<object type="text/html" id="htmlFrame" style="border: none;" standby="loading" width="100%"></object>
<script type="text/javascript">
var element = document.getElementById("htmlFrame");
element.setAttribute("data", "attributeValue");
</script>
</body>
</html>
如果将其放入文件中，在其中打开 Web 浏览器，JavaScript 将执行，并且“data”属性 + 值将添加到对象元素中。
Note: 如果您只是查看 HTML 源代码，您将看不到该属性。这是因为浏览器向您显示由网络服务器发送的静态源，而不是动态渲染的 DOM。要检查 DOM，请使用类似的工具Firebug http://getfirebug.com/。这将显示浏览器渲染了哪些 DOM，并且您将能够看到添加的属性。
使用 Firefox + Firebug 或 Google Chrome，您可以右键单击页面的一部分并执行“检查元素”。这将显示渲染的 DOM 视图。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
