如何在javascript而不是jquery中更改父div的css

在JavaScript中，可以使用原生的DOM操作来更改父div的CSS样式，而不依赖于jQuery库。下面是一种实现方式：

1. 首先，通过JavaScript获取到需要更改CSS的父div元素。可以使用document.getElementById()方法，传入父div的id来获取该元素的引用。例如，如果父div的id为"parentDiv"，可以使用以下代码获取该元素的引用：var parentDiv = document.getElementById("parentDiv");
2. 接下来，可以使用父div元素的style属性来更改CSS样式。style属性是一个对象，可以通过设置其属性来更改CSS样式。例如，如果要更改父div的背景颜色为红色，可以使用以下代码：parentDiv.style.backgroundColor = "red";
3. 同样地，可以使用其他CSS属性来更改父div的样式。例如，要更改父div的宽度为200像素，可以使用以下代码：parentDiv.style.width = "200px";
4. 如果需要更改多个CSS属性，可以连续使用多个style属性来设置。例如，同时更改背景颜色和宽度的代码如下：parentDiv.style.backgroundColor = "red"; parentDiv.style.width = "200px";

需要注意的是，使用JavaScript直接操作CSS样式可能会导致样式与CSS文件中定义的样式冲突。为了避免这种情况，可以使用classList属性来添加或移除CSS类。通过定义CSS类并在CSS文件中设置相应的样式，然后将该类应用于父div元素，可以更好地管理和控制样式。

这是在JavaScript中更改父div的CSS样式的基本方法。根据具体的需求，可以使用不同的CSS属性和方法来实现更复杂的样式更改。