如何将CSS参数链接到javascript img？_Javascript_Html_Css

如何将CSS参数链接到javascript img？

javascript html css

如何将CSS参数链接到javascript img？,javascript,html,css,Javascript,Html,Css,我在网页中添加了一个带有Javascript的图像，但我不知道如何修改或放置它。如何将CSS链接到图像，或者在没有CSS的情况下修改它 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>PingPongKép</title> <link rel="stylesheet" href="CSS/style.cs

我在网页中添加了一个带有Javascript的图像，但我不知道如何修改或放置它。如何将CSS链接到图像，或者在没有CSS的情况下修改它

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PingPongKép</title>
    <link rel="stylesheet" href="CSS/style.css">
</head>
<body>



 <script>

    function ilonaKep() {
  var img = new Image();
  img.src = 'img/ilona.jpg';
  document.body.appendChild(img);


}


    </script>

<p>Let's See the image

   <script>
    ilonaKep();
    </script>

   </p>


</body>
</html>

Javascript能够设置元素的属性

img.setAttribute("style", "background-color: red;");

或者，如果不需要内联CSS，可以将CSS添加到CSS文件中，并使用jquery为图像提供一个类

$("img").addClass("myImage");

JQuery使这变得非常简单。在图像的样式引号中对图像应用所需的任何样式

<!doctype html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    </head>

    <body>
        <p> Lets see the image: </p>

        <script>
            window.onload = function(){
                addImage();

                function addImage() {
                    $('body').append('<img style="any css styling in here" src="img/ilona.jpg">');
                }
            }
        </script>
    </body>
</html>

给它一个类，id，然后将css添加到id，class您可以使用元素id、类、标记名和应用样式来应用css，如下所示。document.getElementsByTagNameimg.style.width=200px；函数ilonaKep{var img=new Image；img.src='img/ilona.jpg'；document.body.appendChildimg；}让我们看看图像ilonaKep.setAttributestyle，宽度：100px；你是说像这样？这不行，谢谢！我刚刚开始学习Javascript，我应该并行学习jquery还是在学习Javascript之后学习jquery？嗨，伊万：如果我的答案解决了你的问题，请将它标记为已回答：我会推荐jquery。它与基本javascript没有太大区别，但它将使您的生活更加轻松。在我看来，JQuery用更少的代码完成了javascript所能完成的一切：