js添加元素修改样式,js怎么修改样式

小蓝 • 2024-12-21 13:05 • 编程

本文目录一览：

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);

找到目标元素的父元素，再找到它的子元素即可：

目标元素.parentNode.childNode

然后再通过循环给每个元素更改样式即可。当然这里面也包括了目标元素，要不要排除掉就看你了

也可以直接找目标元素的兄弟元素，但这要分两步走：往前找和往后找，除非目标元素是所有兄弟里面的老大或老幺，倒不如通过老爸直接找到所有兄弟来得更快更方便。

document.getElementById(“div1”).className = “cc”;

这是完全正确的。

如果没有达到你的效果，请检查其他的地方，而不是怀疑这里

可以使用脚本框架，例如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掉。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/280799.html