div
>
一、原生js
只要获取子节点对象，然后对其父节点的样式修改即可。
document.getElementById('children').parentNode.style.overflowX="auto"
二、jQuery
第一种
$('#children').parent().css('color','red')
第二种
给父元素直接添加类
$('#children').parent().addClass('class1')
class1{color:red}
我们在实际的开发当中经常要获取页面中某个html
元素
，动态的更新该
元素
的
样式
、内容属性等。 那么如何获取要更新的这些
元素
呢?用JavaScript获取这些节点的方法有很多种，下面是总结的一些方法. 1. 通过document节点获取： （1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的
元素
，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。 如 今，已经出现了如prototype、Mootools等多个JavaScript库，它们提供了更简便的方法：$(id)，参数仍然是节点的id。这个 方法可以看
<!-- <label class="weui_cell weui_check_label" for="1" >
<div class="weui_cell_bd weui_cell_primary">
<p><span class="testNumber
function changeParent(){
var frag = document.getElementById("frag");
var storagePlace = document.getElementByI...
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/
目录
JS
修改
样式
的8种方式1.直接设置style的属性2.直接设置属性3.设置style的属性4.使用setProperty5.改变class6.设置cssText7.引入css
样式
文件8.使用addRule、insertRule
JS
修改
样式
的8种方式
1.直接设置style的属性
某些情况用这个设置 !important值无效
如果属性有’-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式
element.style.height = '100px';
2.直接设.
const tree = Object.values(document.getElementsByClassName('xxx'))
// 获取所有类名为el-tree-node__content的div（更改背景色就是更改xxx的背景色），
// 这是一个对象，需要先更改未数组类型再进行判断 其内部所有的子
元素
也为对象因此在map时均需要进行更改
// 直到在第三层找到我们自己定义的id yyy时将xxx的背景色更改掉，其余的同类均改为默认背景色
tree.map((item) => {
遇到这样一个场景：一排按钮，点击其中一个按钮需要把当前按钮标明出来，但是之前的按钮这个
样式
的又要清除掉。于是就用到了啦！
另外将网页子页面装载到iframe里面去，不能用href
直接连接（打开新页了），因此用ＪＳ处理将子页直接装载在iframe里面，这里用_href代替啦
下面是HTML代码：
我们做DIV+CSS布局时常常如下的做多层DIV的嵌套，可是我们却发现不管是在IE8 还是FF下都层在毛病。在IE8和FF下，DIV 1的边框变成了一条直线，并没有随着内部两个DIV的内容而撑大，原来是因为如果
父
级DIV没有定义高度，并且内容为空时所定义
样式
将无效。1、当我们这样直接使用时……ul,p,table,span等文本级别
元素
这个时候我们发现div的
样式
可以正确应用，我们可以通过给div...
用惯了vue和react之后可能会慢慢淡忘掉
原生
的一些操作dom的几种方式，有的时候确实需要我们通过
原生
的方式进行操作。
今天就说几个 通过
原生
j s方式
修改
样式
的方法
最简单的就是 直接
dom.style
如果是 长一点的属性名字的话 是通过 驼峰的写法
比如。“backgroun d-color” => backgroundColor
var bottom = document.querySelector('#bottom');
bottom.style.backgroundColor = '#
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet"href="style.css">//引入css文件“style”
</head>
<label.
