gpt4 book ai didi

javascript - 我无法将类分配给在新窗口中打开的元素

转载 作者:行者123 更新时间:2023-12-02 20:35:15 26 4
gpt4 key购买 nike

大家好,我正在尝试使用 javascript 在新窗口中打开图像,通过单击按钮,然后使用以下代码为图像设置一个类:

    OpenWindow=window.open("", "newwin","height=100,width=1000"); 
OpenWindow.document.write("<img id='img1' src='webfonts.jpg'>");
OpenWindow.document.getElementById("img1").className = "larger";
OpenWindow.document.close();

这是我在代码中包含在样式标签中的内部样式:.larger{ 宽度:10px; }并在正文标签中1:我已经通过 img 标签包含了我的图像源2:制作一个带有onclick=larger()属性的按钮标签

但不幸的是我对最后一句有疑问,该类根本没有分配给图像。 我也尝试使用 classname 而不是 setttribute,但它生成相同的结果。有任何想法吗?谢谢

最佳答案

首先,你写的代码是错误的。 img 后面的撇号太多了。

其次,您没有为 img 元素分配 ID,因此无法使用 document.getElementById 访问它。

使用类似的东西

var docHead = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"'+
'http://www.w3.org/TR/html4/strict.dtd">'+
'<html><head><title>Test page</title>'+
'<style type="text/css">'+
' .larger { width: 10px }'+
'</style></head><body>';
var docFoot = '</body></html>';

OpenWindow=window.open("", "newwin", "height=100,width=1000");
OpenWindow.document.write(docHead);
OpenWindow.document.write('<img id="img1" src="webfonts.jpg">');
OpenWindow.document.write(docFoot);
OpenWindow.document.close();
OpenWindow.document.getElementById('img1').className = "larger";

关于javascript - 我无法将类分配给在新窗口中打开的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3381751/

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