Question

INSERT

我做错了什么？我想用javascript更改div属性，如宽度或背景颜色，但它不起作用。

Answer 1

将getElementByID更改为getElementById

＆＃13;

<!DOCTYPE html>
<html>
    <head>
        <title>
        </title>
        <style>
        div
        {
            width:5em;
            height:5em;
            background-color:yellow;
        }
        </style>
    </head>
    <body>
        <div id="div">
        </div>
        <script>
        window.onload = function() {
        var x;
        x = document.getElementById("div");
        x.style.width = '9em' ;
        x.style.backgroundColor = "green";
    };

        </script>
    </body>
</html>

＆＃13;

Answer 2

您正在使用getElementByID。正确的方法是getElementById。

您的脚本应如下所示：

window.onload = function() {
  var x;
  x = document.getElementById("div");
  x.style.width = '9em';
  x.style.backgroundColor = "green";
};

Answer 3

JavaScript 语法错误！这是更新...........

<!DOCTYPE html>
<html>

<head>
    <title>
    </title>
    <style>
    /* div {
        width: 5em;
        height: 5em;
        background-color: yellow;
    } */
    </style>
</head>

<body>
    <div id="div">
    </div>
    <script>
    
        var x = document.getElementById("div");
        x.style.width = "9em";
        x.style.height = "9em";
        x.style.display = "block";
        x.style.backgroundColor = "green";

    </script>
</body>

</html>

Answer 4

将getElementByID更改为getElementById。

window.onload = function() {
  var x;
  x = document.getElementById("div");
  x.style.width = '9em';
  x.style.backgroundColor = "green";
};

如果要按标签名称搜索，可以直接使用getElementsByTagName（＆＃34; div＆＃34;），而不是分配值div的id。但请记住，它将返回所有div元素;即元素集合。

如何用javascript操纵div风格？

4 个答案: