❶ js怎么批量修改子元素样式
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="div1">
<p>1</p>
<p>2</p>
<p>3</p>
<a>444</a>
</div>
<script type="text/javascript">
Array.from(document.getElementById("div1").children).forEach(function(item){
item.style.background = "#ff0000";
})
</script>
</body>
</html>
❷ JS修改CSS设置的样式
语法：元素.style.样式名=样式值
注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。需要将这种样式名修改为驼峰命名法：去掉-，然后将-后的第一个字母大写，比如 backgroundColor
我们通过style属性设置的样式都是内联样式，而内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示
但是如果在样式中写了!important，则此时样式会有最高的优先级，即使通过JS也不能覆盖该样式，此时将会导致JS修改样式失效
所以尽量不要为样式添加!important
语法：元素.style.样式名
通过style属性设置和读取的都是内联样式，无法读取样式表中的样式
语法:元素.currentStyle.样式名
如果当前元素没有设置该样式，则获取它的默认值
例如： box1.currentStyle.width
这个方法是window的方法，可以直接使用需要两个参数
第一个:要获取样式的元素
第二个:可以传递一个伪元素，一般都传null
该方法会返回一个对象，对象中封装了当前元素对应的样式
可以通过对象﹒样式名来读取样式
如果获取的 样式没有设置 ，则会获取到真实的值，而不是默认值
比如:没有设置width，它不会获取到auto，而是 一个长度
注意：通过currentStyle和getComputedstyle()读取到的样式都是只读的，不能修改,如果要修改必须通过style属性
参数：
obj 要获取样式的元素
name 要获取的样式名
❸ 用js可以改变网页头部css样式吗
可以用 改变，程序如下
<script type="text/javascript">
function change_css(n, css){ //n 为想改的第几个, 0开始, css 为改变后的CSS文件路径
var o;
o = document.getElementsByTagName('link')[n];
// 或是 link 里面设置了 ID这个属性可以改成
// o = document.getElementById(id)
o.href = css;
}
</script>
<input type="button" value="OnClick" onclick="change_css(0, 'new.css')" />
❹ 怎样实现js改变class功能
用jquery很容易实现,你下个jquery库，然后JS文件里写这样的代码：
$(function(){
$('ul li').click(){
$(this).removeClass('w1');
$(this).addClass('w2');
}
});
大概是这样，我好久没回玩儿JQUERY，如果有问题答给我短信吧
❺ Js动态创建的元素，如何设置他们的样式我知道委托可以绑定事件，但是不知道如何绑定样式。
可以使用脚本框架，例如jQuery或国人的JSer,
设置样式如：
jQuery: $(".ad").css("样式名1", "样式值").css("样式名2", "样式值");
如： $(".ad").css('background-color','red').css('color','green');
JSer除了像上面那样写外，还可以这样：
JSer(".ad").css({backgroundColor:'red', color:'green'});
如果是绑定样式名的话：
jquery: $(".ad").addClass("xxx").addClass("yyy");
JSer: JSer(".ad").addClass("xxx yyy");
看了下你的补充问题，你可以用JSer，像这样做：
JSer.exec(function(){
setInterval(function(){
JSer(".ad").remove();
}, 500);
});
因为不清楚那个ad是什么时候被创建的，因为有可能是网页加载完后过几秒创建的。所以上面的代码创建一个定时器，直接将.ad广告remove掉。
❻ js如何给目标元素的兄弟元素更改样式
先获取兄弟节点对象，然后再修改样式。如：
vars=document.getElementById("test");
varns=s.nextSbiling;//获得s的下一个兄弟节点
varps=s.previousSbiling;//得到s的上一个兄弟节点
ns.style.color='red';//字体颜色
ps.className='red';//更改class属性用jQuery也封装了，很多操作样式的方法。