本文目录一览:
- 1、js动态添加的元素怎么设置样式
- 2、js如何给目标元素的兄弟元素更改样式
- 3、JS怎么设置一个元素的样式
- 4、Js动态创建的元素,如何设置他们的样式?我知道委托可以绑定事件,但是不知道如何绑定样式。
js动态添加的元素怎么设置样式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
div id="parent"/div
function addElementDiv(obj) {
var parent = document.getElementById(obj);
//添加 div
var div = document.createElement("div");
//设置 div 属性,如 id
div.setAttribute("id", "newDiv");
div.innerHTML = "js 动态添加div";
parent.appendChild(div);
js如何给目标元素的兄弟元素更改样式
找到目标元素的父元素,再找到它的子元素即可:
目标元素.parentNode.childNode
然后再通过循环给每个元素更改样式即可。当然这里面也包括了目标元素,要不要排除掉就看你了
也可以直接找目标元素的兄弟元素,但这要分两步走:往前找和往后找,除非目标元素是所有兄弟里面的老大或老幺,倒不如通过老爸直接找到所有兄弟来得更快更方便。
JS怎么设置一个元素的样式
document.getElementById("div1").className = "cc";
这是完全正确的。
如果没有达到你的效果,请检查其他的地方,而不是怀疑这里
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掉。