使用Javascript更改div的显示样式属性

要使用JavaScript更改div的显示样式属性，可以通过修改div元素的style对象来实现

首先，在HTML文件中创建一个div元素：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Change Div Display Style</title>
</head>
<body>
    <div id="myDiv" style="display: block;">Hello, I am a div!</div>
    <button onclick="toggleDisplay()">Toggle Display</button>

    <script src="script.js"></script>
</body>
</html>

在这个例子中，我们创建了一个id为"myDiv"的div元素，并设置其默认显示样式为"block"。我们还创建了一个按钮，当点击该按钮时，会调用名为"toggleDisplay"的JavaScript函数。

接下来，在JavaScript文件（如上例中的script.js）中编写toggleDisplay函数：

function toggleDisplay() {
    var divElement = document.getElementById("myDiv");
    if (divElement.style.display === "block") {
        divElement.style.display = "none";
    } else {
        divElement.style.display = "block";
    }
}

这个toggleDisplay函数首先通过getElementById方法获取id为"myDiv"的div元素。然后，它检查div元素的当前显示样式是否为"block"。如果是，则将其更改为"none"（隐藏元素）；否则，将其更改回"block"（显示元素）。

现在，当你点击按钮时，div的显示样式将在"block"和"none"之间切换。