Javascript/在页面上获取图像元素，但它位于div中（getElementByID）_Javascript_Adaptive Design

Javascript/在页面上获取图像元素，但它位于div中（getElementByID）

javascript

Javascript/在页面上获取图像元素，但它位于div中（getElementByID）,javascript,adaptive-design,Javascript,Adaptive Design,对于横幅，我需要在同一页上显示一个图像。我的发展真的很差-所以，我用这种方式-但事实上，它不起作用 <!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no

对于横幅，我需要在同一页上显示一个图像。我的发展真的很差-所以，我用这种方式-但事实上，它不起作用

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="ad.size" content="width=300,height=600">
  <title>Stack</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
  <a id="clickThroughBtn" href="javascript:window.open(window.clickTag)">
  <div id="border">
    <div id="container">
      <div class="border2">
        <div id="logo_bg"></div>
        <div id="red_c" class="logo_element"></div>
        <div id="rays" class="logo_element"></div>
        <div class="logo"><img src="logo_fr.svg" alt="Cofidis" /></div>
        <div class="title">
          Test
          <div id="adaptive">
            <script>
              function getImgs(){
                var Adaptive = document.getElementsByID('thumb0').img;
                Adaptive[0].style.width="200px"; // Taille de l'image
                Adaptive[0].style.width="200px"; // Hauteur
              }
            </script>
          </div>
        </div>
      </div>
    </div>
    </a>
    <img id="thumb0" src="http://gmz2.zarbi.be/avatars/m/1/1116.jpg?1404045273.jpg" />
</html>


堆栈

最重要的部分-

<!-- Adaptive -->
<div id="adaptive">
  <script>
    function getImgs(){
      var Adaptive = document.getElementsByID('thumb0').img;
      Adaptive[0].style.width="200px"; // Taille de l'image
      Adaptive[0].style.width="200px"; // Hauteur
    }
  </script>
</div>
<!-- Adaptive -->


函数getImgs（）{
var Adaptive=document.getElementsByID（'thumb0'）.img；
自适应[0]。style.width=“200px”///Taille de l'image
自适应[0]。style.width=“200px”；//傲慢
}

谢谢大家！

卢多维奇

您需要更改此设置：

var Adaptive = document.getElementsByID('thumb0').img;
Adaptive[0].style.width="200px";                       // Taille de l'image
Adaptive[0].style.width="200px";                       // Hauteur

为此：

var Adaptive = document.getElementById('thumb0');
Adaptive.style.width="200px";                         // set image width
Adaptive.style.height="200px";                        // set image height

因为文档对象中没有此类方法getElementsByID

此外，getElementById返回单个元素。如果需要获取多个对象，则getElementsByName、getElementsByCassName和getElementsByTagName将对您有效。

调用

文档的结果。getElementsByID（'thumb0'）

将是

img

元素，因此无需调用

.img

。您正在尝试更改图像的大小吗？在这种情况下，您可以使用jQuery:

$（“thumb0”）.css（{width:“200px”，height:“200px”}）

首先-函数名

document.getElementById（'thumb0'）

中的错误，然后您可以访问它的属性：

var Adaptive=document.getElementById（'thumb0'）；自适应.style.width=“200px”不需要获取阵列的第一项如果只是更改图像的大小，为什么不使用css和媒体查询？