gpt4 book ai didi

javascript - 如何在 javascript 中更改 HTML 对象元素数据属性值

转载 作者:技术小花猫 更新时间:2023-10-29 12:09:04 25 4
gpt4 key购买 nike

如何在 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>

如果将其放入文件中,在其中打开网络浏览器,javascript 将执行并将“数据”属性 + 值添加到对象元素。

注意:如果您只是查看 HTML 源代码,您将看不到该属性。这是因为浏览器向您显示的是网络服务器发送的静态源,而不是动态呈现的 DOM。要检查 DOM,请使用类似 Firebug 的工具.这将向您显示浏览器呈现的 DOM,您将能够看到添加的属性。

使用 Firefox + Firebug 或 Google Chrome,您可以右键单击页面的一部分并执行“检查元素”。这将打开呈现的 DOM View 。

关于javascript - 如何在 javascript 中更改 HTML 对象元素数据属性值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4836290/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com