createElement,指定的边距不起作用

时间:2013-10-11 16:04:48

标签: javascript html createelement

这是HTML:

<body>
<section id="main">
<header>
    <h1>Lucky Lottery</h1>
    <nav>
       <button onclick="location.href='#signupform';">sign up</button>
    </nav>
</header>

<section id="products">

</section>

<section id="winner">
    <form id="winform">
        <label for="winnertext"></label>
        <input type="text" id="winnertext" placeholder="Please fill in your 
        lottery number">
        <input type="submit" value="win" id="submit">
    </form>
</section>
<section id="text">
<p>Please <span class="blue">sign up</span> for only 10 dollars. Maybe you will win
one of the amazing products!</p>
</section>

这是JS:

for (i=0; i < imgname.length; i++) { 
    var parentimg = document.getElementById('products'); //doorzoekt het HTML blad naar  ID=products
    var img = document.createElement('img'); //creeert een nieuw 'img' element in het HTML blad 
    img.style.cssText= "width: 80px; height: 80px; margin-left: -0.5px; margin-right: -0.5px; margin-top: -1px; margin-bottom: -1px; border: solid 10px #DEDEDE;" //CSS styling voor het nieuwe element
    img.src = "/users/damstra/PhpstormProjects/Lucky Lottery/html/img/" + imgname[i]; 
    /*geeft het img element het sourcepath, waar +imgname[i] ervoor zorgt dat alle values
    uit de imgname array toegevoegd worden */
    parentimg.appendChild(img); /*zorgt ervoor dat het img element binnen de in var html 
    gevonden 'products' ID geplaatst wordt.*/

很抱歉长篇大论,不介意评论..他们是荷兰语。无论如何,没有任何余地,即使它被指定......边界,大小等都在那里。任何人都有线索?

0 个答案:

没有答案