尝试使用JavaScript在表中放置图像_Javascript

尝试使用JavaScript在表中放置图像

javascript

尝试使用JavaScript在表中放置图像,javascript,Javascript,为了访问“theImage”的src属性，我建议您document.getElementsByName（'theImage'）[0].setAttribute（'src'，cards[I].src）编辑：错误跟踪后的完整解决方案，请点击此处： Cheers代码有一些错误，请尝试以下操作 <script type="text/javascript"> var cards = new Array(); for(i = 0; i > 11; i++) {

为了访问“theImage”的src属性，我建议您

document.getElementsByName（'theImage'）[0].setAttribute（'src'，cards[I].src）
编辑：错误跟踪后的完整解决方案，请点击此处：
Cheers
代码有一些错误，请尝试以下操作
<script type="text/javascript">
    var cards = new Array();
    for(i = 0; i > 11; i++) {
        cards[i] = new Image();
        cards[i].src = "imgs/CardBack.jpg";
        document.theImage.src == cards[i].src;
    }
</script>
</head>

<body>

<table border="1" width="200px" height="400px">
    <tr>
        <td><img name="theImage"></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

var cards=新数组（）；
对于（变量i=0；i<11；i++）{
卡片[i]=新图像（）；
卡片[i].src=“imgs/CardBack.jpg”
document.theImage.src=卡片[i].src；
}

希望它能工作
您可以使用方法获取所有
元素，然后在循环中创建一个图像并将其分配给每个td：
HTML:
var cards = new Array();
for (var i = 0; i < 11; i++) {
    cards[i] = new Image();
    cards[i].src = "imgs/CardBack.jpg"
    document.theImage.src = cards[i].src;
}

<table border="1" width="200px" height="400px" id="myTable">
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
</table>



Javascript:
var cards = new Array();
for (var i = 0; i < 11; i++) {
    cards[i] = new Image();
    cards[i].src = "imgs/CardBack.jpg"
    document.theImage.src = cards[i].src;
}

<table border="1" width="200px" height="400px" id="myTable">
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>
</table>

var table=document.getElementById（“myTable”）；
var cells=table.getElementsByTagName（“td”）；
对于（var i=0；i

这是一个。
document.theImage.src==cards[i].src不正确（应该是document.getElementsByTagName（'img'）[0]。setAttribute（'src'，cards[i].src）
。另外，为什么要创建一个图像对象，然后设置一个DOM图像的src，而这个src可能与您刚刚创建的当前图像对象无关？我可能错了，但我认为您有点困惑。您能解释一下您正在尝试做什么吗？您期望的输出是什么？我正在尝试接收输出图像将放置在表单元格内。此过程将重复，以用图像填充表的所有单元格。如果要在每个单元格内以友好方式解析相同的图像，则必须在每个单元格内循环，因此需要：1）迭代每个单元格。2） 遍历每个。3） 将图像标记附加到每个元素。另外，你可能想做i<11，而不是i>11:）这或多或少是个主意。因为每个表都会被分配一个ID，所以我可以在表中随机放置一个不同的图像。最终产品应该是一个双人游戏。感谢您迄今为止的所有建议和解释。您是否需要生成动态数量的单元格或..？似乎尚未解决此问题。谢谢你的意见！非常感谢。但是，似乎没有修复错误。我认为for循环和“new Image（）”调用有问题，我认为编写文档时遇到了问题。getElementByName（'theImage'）[0]。setAttribute（'src'，'imgs/CardBack.jpg'）；如果“imgs/CardBack.jpg”上有图像，则必须工作；）试试看！似乎目录可能有错误？我移动并重命名了图像，但仍然没有出现。有什么想法吗？首先，尝试直接访问服务器上的图像，而不是HTML中的图像。比如，它有用吗？（使用您自己的网站根目录，而不是本地主机）